问题:
在表格内每一行使用Popover弹出框,点击Popover组件内的确定按钮,Popover不关闭
如图:
文章图片
解决方式:
写一个按钮,模拟点击按钮
1.在页面中组件外写一个按钮,按钮的样式为假隐藏状态
#popo-btn{
width: 0;
height: 0;
border: none;
padding: 0;
margin: 0;
}
【element|elementUI中Popover弹出框组件,点击组件内按钮,组件不关闭】2.点击确定时,执行模拟点击按钮
this.$refs.popo.$el.click()
推荐阅读
- java项目精品实战案例|基于Java+SpringMvc+vue+element实现校园闲置物品交易网站
- 前端|pl-table大数据表格
- Vue|el-menu及嵌套路由实现点击导航栏显示不同内容而导航栏不动功能
- element|element-ui 关于获取select 的label值
- element|elementUI select 处理字符串或数字值方法,保证select框中不出现数字
- element表格设置序号
- 系列教程之element点击按钮获取select多选框的值
- workflow|从设计到开发,实现一个人人都可以简单使用及管理的工作流系统