问题描述:elementui中渲染多个popover组件时,点击组件内按钮,弹框不隐藏;或者多个弹框时,嵌套操作不起作用;或者popover组件点击不会隐藏;
解决思路:写一个按钮,模拟点击按钮。
分为两步:
- 在页面中组件外随便一个位置写一个按钮,按钮的样式为假隐藏状态(不让其占据位置空间);
<el-button ref="popo" id="popo-btn" ></el-button>
#popo-btn{
width: 0;
height: 0;
border: none;
padding: 0;
margin: 0;
}
- 在点击按钮执行的方法中模拟点击按钮,就可以了
this.$refs.popo.$el.click()
快去试一试吧