Vuetify v-select：检测悬停事件并以编程方式单击

Posted 2023-02-16

【中文标题】Vuetify v-select：检测悬停事件并以编程方式单击

【英文标题】：Vuetify v-select: Detect hover event and click programtically

【发布时间】：2021-08-09 04:07:28

【问题描述】：

我有这个 v-select：

<v-select
      @mouseover="focus"
      :items="items"
      outlined
    ></v-select>

而且我希望每当用户将鼠标悬停在元素上时以编程方式单击它。查看文档https://vuetifyjs.com/en/api/v-select/ 我没有看到一种方法来监听悬停事件或以编程方式单击 v-select 组件。

这可以实现吗？

我也在寻找一种在选择项目后模糊 v-select 组件的方法，因为选择后边框会突出显示为蓝色，我不希望这样：

【参考方案1】：

试试：

<v-select
      @mouseover.native="focus"
      :items="items"
      outlined
    ></v-select>

【讨论】：

酷！这会触发焦点功能（必须添加到组件的方法属性中）。但是现在我如何以编程方式再次单击选择？