31 lines
654 B
Vue
31 lines
654 B
Vue
<script>
|
|
import Select, { Option } from '../index';
|
|
import '../assets/index.less';
|
|
|
|
export default {
|
|
methods: {
|
|
onChange (value) {
|
|
console.log(`selected ${value}`);
|
|
},
|
|
},
|
|
|
|
render () {
|
|
const cases = {
|
|
0: { name: 'Case 1' },
|
|
1: { name: 'Case 2' },
|
|
2: { name: 'Case 3' },
|
|
};
|
|
return (<div>
|
|
<h2>Select optionLabelProp</h2>
|
|
<Select style={{ width: '500px' }} optionLabelProp='children' multiple allowClear>
|
|
{
|
|
Object.keys(cases).map(key => (
|
|
<Option key={key} value={key}>{cases[key].name}</Option>
|
|
))
|
|
}
|
|
</Select>
|
|
</div>);
|
|
},
|
|
};
|
|
</script>
|