如何在鼠标离开时关闭 ant-design-vue 选择选项?

Question

<a-select
showSearch
placeholder="Select a person"
optionFilterProp="children"
style="width: 200px"
:open="open"
@mouseenter="openSelect"
@mouseleave="closeSelect"
>
<a-select-option value="jack">Jack</a-select-option>
<a-select-option value="lucy">Lucy</a-select-option>
<a-select-option value="tom">Tom</a-select-option>
</a-select>
</template>
data() {
open: false,
}
methods: {
openSelect() {
this.open = true;
}
closeSelect() {
this.open = false;
}
}

当用户不再使用ant-design-vue 选择选项时，如何关闭它？ 我已经尝试过使用 onBlur 和 onMouseLeave。 我也尝试过创建一个函数onFocus(( {this.open = true}和onBlur(({ this.open=false }函数，但仍然不起作用

指针不在字段中后将触发鼠标离开事件，但该选项仍然无法选择

Answer 1

http://vue.ant-design.cn/components/select/#events

根据 Select 组件的文档，支持mouseleave事件。 尝试使用@mouseleave="foo"设置不可见的选项