element-UI Popover 弹出框


)

问题:页面中有两个el-Popover,点击按钮不展示

页面中需要做两个弹出框,分别对应两个采集项,一个popover是弹出框能后正常展示、隐藏,将popover复制一份之后弹出框就不能再正常展示了。

原因:v-model

对比了说明文档之后发现手动控制中有一个v-model可以控制弹出框的展示和隐藏,仔细检查过代码发现我的popover中用了v-model,虽然我的button中没有写model绑定字段的控制。所以这个v-model就是问题的原因。

处理:删掉v-model

将两个popover的v-model都删掉就好了

总结

总结一下, placement=“bottom”,两种出发方式,使用手动控制多个popover要绑定不同的model,只是点击触发就别写v-model!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值