0

我在模式下使用这个漂亮的包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);
    },
  }
}

但它似乎在之后被覆盖。

在选择时,如何删除具有不同组的选定选项?

4

0 回答 0