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!