33 lines
682 B
Vue
33 lines
682 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>
|