![](/img/trans.png)
[英]Using ant-design-vue Notification with a link in the message section
[英]how to close the ant-design-vue select option on mouse leave?
<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 } 但仍然无法正常工作
鼠标离开事件将在指针不在该字段中后触发,但该选项仍然无法选择
http://vue.ant-design.cn/components/select/#events
根据 select 组件的文档,支持mouseleave
事件。 尝试使用@mouseleave="foo"
将选项设置为不可见
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.