从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>

和v模型是ctSelected = []和rgSelected = []。但是，当我点击“ GJ”时，rgSelected = ['GJ']然后，如果我单击“测试”，输出将显示ctSelected=['GJ','test'] and rgSelected=['GJ']。你能告诉我我在做什么错。

Answer 1

我在这里检查过它，没有错误，一切都很好。似乎是vuetify版本问题，请升级。升级后即可解决。