Question

如果该元素有错误，我正在尝试以编程方式更改v-combobox内部芯片的颜色。

我以前只是在芯片上使用v-combobox。这样可以通过双击编辑芯片。这是一个允许编辑的codepen，类似于我允许编辑的内容。 https://codepen.io/hassaan97/pen/ZEYWveE

由于我想更改单个芯片的颜色，因此我将v-slot与v-chip组件一起使用。但是，一旦执行此操作，当我单击它们时便无法再对其进行编辑。这是一个具有相同问题的类似示例。 https://codepen.io/hassaan97/pen/KKwzZNY

这是我的代码-

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

Answer 1

选择槽公开了select函数：

<template v-slot:selection="data">
  <v-chip @click="data.select">

https://codepen.io/kaelwd/pen/ZEYWvMQ

Here's what the default chip does
还有everything available in the slot

使用v槽和v-chip不允许编辑芯片

1 个答案: