vue popover 带trigger=hover 内容里面有select标签,date标签。下拉选择后,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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值