一、背景描述 项目中遇到一个奇怪的问题,我使用了 el-popconfirm 组件,项目基于VUE,el-popconfirm 包裹住的按钮,操作列有好几个按钮选项,点击其中任何一处按钮之后,再次打开另外的一个 el-popconfirm 包裹住的按钮点击没有任何的反应,刷新浏览器之后才能点击触发相应的事件。当我把 v-if 删除之后,所有按钮都可以正...
检查页面的CSS样式,确保没有冲突导致按钮点击无效。可以尝试在开发者工具中查看按钮是否被其他样式覆盖。 5.事件绑定问题 确保@confirm="handleDelete(scope.$index, scope.row)"事件绑定正确到el-popconfirm组件。如果您在方法名称或参数提交上有错误,也会导致按钮点击无效。 6.预期问题 有时e...
↑上面这个写法,开发环境有效,部署到生产环境之后,确认事件失效了 ↓使用下面这个写法,生产环境有效,开发环境无效 <el-popconfirm hide-icon title="确定清空吗?" @confirm="confirm"> <el-button slot="reference">清空</el-button> </el-popconfirm> 最终,给el-popconfirm同时绑定两个事件(confirm 及 onConfirm...
使用的版本为 element-ui 2.15.7 文档内容写的confirm,绑定无效 换成@onConfirm 生效
element-ui中el-popconfirm点击无效没有弹窗问题 人生就是不断学习关注IP属地: 黑龙江 2021.11.17 17:30:18字数31阅读3,132 查了许久源码,发现是冒泡问题 下面附上解决方案: 修改前: <el-popconfirm title="删除?" @confirm="popConfirm" @cancel="popCancel"> <el-button type="danger" size="mini" slot=...