我在模式下使用这个漂亮的包Vue-Multiselectmultiple
。
<multiselect v-model="values" :options="options" :multiple="true"
label="name" track-by="name" @select="select" @input="input"
>
</multiselect>
添加选项时,我想用不同的方式删除选定的选项group
const options = [
{ name: "Option 1", group: 1 },
{ name: "Option 2", group: 1 },
{ name: "Option 3", group: 2 },
];
在这里,如果我选择“选项 3”,则必须从选择中删除其他选项
如果我选择“选项 2”,则必须删除“选项 3”,但不能删除“选项 1”,等等。
首先我虽然关于使用select
事件来修改之前选择的值input
export default {
components: {
Multiselect
},
data() {
values: [],
options: options
},
methods: {
select(option) {
this.values = this.values.filter(value => value.group != option.group);
},
input(options) {
console.log(options);
},
}
}
但它似乎在之后被覆盖。
在选择时,如何删除具有不同组的选定选项?