如何禁用附加图标单击的 v-autocomplete 事件

Question

我有一个自动完成输入，带有附加的内部图标，该图标附加了单击功能，然后启用了可清除功能。如果单击可清除，则会出现选项菜单，如果单击附加图标，也会出现选项菜单。我不希望这些图标启动选项菜单，因为用户不会单击它们并单击其他位置来启用选项。这是我下面的代码。如何禁用这些图标的选项事件？

<v-autocomplete
                      v-for="(header,index) in headers"
                      :key="index"
                      v-model="header.filtered"
                      class="my-5"
                      clearable
                      chips
                      :label="header.title"
                      :items="getUniqueList(displayedReviews,header.key)"
                      multiple
                      density="compact"
                      variant="outlined"
                      hide-details
                      single-line
                      flat
                      @blur="applyFilters()"
                      :append-inner-icon="header.visible ? 'mdi-eye' : 'mdi-eye-off'"
                      @click:append-inner="header.visible = !header.visible"
                    >
                    </v-autocomplete>

Answer 1

我猜你正在使用vuetify3，这似乎是vuetify3中的一个错误。

我建议您使用追加图标而不是使用追加内部图标。