Vue Multiselect多重条件删除

问题描述 投票:0回答:1

我正在Vue-Multiselect模式下使用这个漂亮的包multiple

<multiselect v-model="value" :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);
    },
  }
}

但是之后似乎被覆盖。

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

vue.js vue-multiselect
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.