从 v-chip-groups 获取多个选定值答案

【问题标题】：Getting multiple selected value from v-chip-groups从 v-chip-groups 获取多个选定值
【发布时间】：2020-05-09 10:06:13
【问题描述】：

有两个数组

categoryArr=['test','demo'] and regionArr = ['GJ','MH']

我正在使用 v-chip-groups 在芯片中显示此数组值

<v-row>
        <v-chip-group
          class="float-right"
          multiple
          v-model="rgSelected"
          active-class="deep-purple--text text--accent-2"
        >
          <v-chip filter v-for="(region,i) in regionArr" :value="region" :key="i">{{region}}</v-chip>
        </v-chip-group>
      </v-row>
      <v-divider class="my-2"></v-divider>
      <span style="font-size:1.5rem">Category</span>
      <br />
      <v-row>
        <v-chip-group
          class="float-right"
          multiple
          v-model="ctSelected"
          active-class="deep-purple--text text--accent-2"
        >
          <v-chip filter v-for="(category,i) in categoryArr" :value="category" :key="i">{{category}}</v-chip>
        </v-chip-group>
      </v-row>

I'm using watch here
watch: {
    rgSelected: "showDuedate",
    ctSelected: "showDuedate"
  }

methods: {
    showDuedate() {
      console.log(this.ctSelected, this.rgSelected);
    }
  },

v-model 是 ctSelected =[] 和 rgSelected = []。但是当我点击“GJ”时，rgSelected = ['GJ'] 之后，如果我单击“测试”，输出将显示ctSelected=['GJ','test'] and rgSelected=['GJ']。你能告诉我我在这里做错了什么吗？

【问题讨论】：

标签： javascript vue.js vuetify.js

【解决方案1】：

我在这里检查了它，没有错误，一切都很好。好像是vuetify版本问题，请升级一下。升级后解决了。

这是结果。

ctSelected:  -- rgSelected : GJ
ctSelected: test -- rgSelected : GJ
ctSelected: test,demo -- rgSelected : GJ

v-chips

【讨论】：

你为什么投了反对票？你的代码没有问题，因为我试过了，一切都很好。检查我更新的答案。我呈现图片