vue popover 带trigger=hover 内容里面有select,data标签,下拉选择后,popover消失的问题
作者:互联网
首先你使用的trigger=hover,如果你的需求是trigger=click,后面就不要看了。在popover弹出方式是hover的情况下,出现内容有下拉标签,或者是时间标签,popover消失的问题。
1.在el-popover里面添加属性:close-delay=10000;
怎么样,是不是点击下拉选项后,popover不再消失了。其实是改成了再等待10s后才消失,当然你也可以设置成100小时后再消失。
2.但是本来是trigger=hover,效果是鼠标放上去显示,鼠标移开后消失。那我们现在就做移开后消失的事情,popover消失的方法this.$refs.popover.doClose();这样就解决了。在哪里加这个消失的方法就要根据自己的具体需求来加。
另外还有一种想法就是动态改变这个close-delay,如果打开状态就让这个参数很大,如果点击了关闭,就把这个参数改很小。但是本人没有成功,如果哪位有其他更方便的实现,麻烦告知一下,969133371@qq.com
标签:hover,vue,标签,消失,trigger,popover,close 来源: https://blog.csdn.net/u010346525/article/details/111032106