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

Question

有两个数组

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']。你能告诉我我在这里做错了什么吗？

标签： javascriptvue.jsvuetify.js

Answer 1

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

这是结果。

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

v芯片