57 lines
1.0 KiB
JavaScript
57 lines
1.0 KiB
JavaScript
|
const chineseNumber = '一二三四五六七八九十'.split('');
|
||
|
|
|
||
|
|
const singleSelectOptions = new Array(8).fill(null).map((_, i) => ({
|
||
|
|
label: `选项${chineseNumber[i]}`,
|
||
|
|
value: `option_${i + 1}`,
|
||
|
|
disabled: false,
|
||
|
|
}));
|
||
|
|
|
||
|
|
singleSelectOptions.push({
|
||
|
|
label: '禁用选项',
|
||
|
|
value: 'disabled',
|
||
|
|
disabled: true,
|
||
|
|
});
|
||
|
|
|
||
|
|
const doubleColumnsOptions = [
|
||
|
|
...singleSelectOptions,
|
||
|
|
{
|
||
|
|
label: '禁用选项',
|
||
|
|
value: 'disabled',
|
||
|
|
disabled: true,
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
const tripleColumnsOptions = [
|
||
|
|
...doubleColumnsOptions,
|
||
|
|
{
|
||
|
|
label: '禁用选项',
|
||
|
|
value: 'disabled',
|
||
|
|
disabled: true,
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
tripleColumnsOptions.splice(8, 0, {
|
||
|
|
label: `选项${chineseNumber[8]}`,
|
||
|
|
value: `option_${9}`,
|
||
|
|
disabled: false,
|
||
|
|
});
|
||
|
|
|
||
|
|
Component({
|
||
|
|
data: {
|
||
|
|
multipleSelect: {
|
||
|
|
value: ['option_1'],
|
||
|
|
options: singleSelectOptions,
|
||
|
|
},
|
||
|
|
doubleColumnsOptions,
|
||
|
|
tripleColumnsOptions,
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
handleMultipleSelect(e) {
|
||
|
|
this.setData({
|
||
|
|
'multipleSelect.value': e.detail.value,
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|