Vue.js 使用v槽和v芯片不允许编辑芯片

Vue.js 使用v槽和v芯片不允许编辑芯片,vue.js,vuejs2,vuetify.js,Vue.js,Vuejs2,Vuetify.js,如果v-combobox中的元素出现错误,我将尝试通过编程更改该元素中芯片的颜色 我以前只是用v-combobox和薯片。这允许通过双击来编辑芯片。这是一个允许编辑的代码笔,类似于我使用的允许编辑的代码笔。 因为我想改变单个芯片的颜色,所以我使用v-slot和v-chip组件。但是,一旦我这样做了,当我点击这些项目时,我就不能再编辑它们了。这里有一个类似的例子,有同样的问题 这是我的密码- <v-combobox v-model="e

如果v-combobox中的元素出现错误,我将尝试通过编程更改该元素中芯片的颜色

我以前只是用v-combobox和薯片。这允许通过双击来编辑芯片。这是一个允许编辑的代码笔,类似于我使用的允许编辑的代码笔。

因为我想改变单个芯片的颜色,所以我使用v-slot和v-chip组件。但是,一旦我这样做了,当我点击这些项目时,我就不能再编辑它们了。这里有一个类似的例子,有同样的问题

这是我的密码-

             <v-combobox
              v-model="emails"
              multiple
              :search-input.sync="syncEmail"
              :chips="true"
              :deletable-chips="true"
              :clearable="true"
              :error-messages="errorMessage"
              @click:close="remove(data.item)"
              :background-color="white"
            >

              <template v-slot:selection="data">
                <v-chip close :color="getColor(data.item)" @click:close="remove(data.item)">
                  <strong>{{ data.item }}</strong>&nbsp;
                </v-chip>
              </template>

选择槽显示一个选择功能: