您现在的位置是:网站首页> 编程资料编程资料
解决element-ui中Popconfirm气泡确认框的事件不生效问题_vue.js_
2023-05-24
255人已围观
简介 解决element-ui中Popconfirm气泡确认框的事件不生效问题_vue.js_
element-ui中Popconfirm气泡确认框的事件不生效

今天在使用到element-ui中的Popconfirm 气泡确认框组件时,需要在点击确定按钮时触发绑定的事件
按照官方文档提供的事件类型为其绑定的事件,但并没有被触发
以下是官网给出的事件类型

删除
上面代码中定义了事件@confirm="delete",但点击确定按钮之后,并没有执行绑定的方法delete
正确方式:
删除
触发方式是用@onconfirm定义事件,而不是@confirm,之后再点击确认按钮就可以触发绑定的方法了。同样取消按钮的事件也需要使用@oncancel来绑定才可以触发。
(2.15.6版本解决)elementui popconfirm气泡确认事件失效
问题:
- confirm事件无效
- cancel事件无效
解决:2.15.6版本已解决
- 官方文档书写错误
- 更改确认事件名:onConfirm
- 更改取消事件名:onCancel
官方文档:

官方源码:

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- JavaScript实现简易QQ聊天界面_javascript技巧_
- JavaScript实现QQ聊天室功能_javascript技巧_
- 解决element-ui的table表格控件表头与内容列不对齐问题_vue.js_
- JavaScript制作简单计算器功能_javascript技巧_
- ElementUI中利用table表格自定义表头Tooltip文字提示_vue.js_
- 关于element中表格和表单的封装方式_vue.js_
- 微信小程序自动化部署的全过程_javascript技巧_
- 使用Element实现表格表头添加搜索图标和功能_vue.js_
- 使用ElementUI循环生成的Form表单添加校验_vue.js_
- 结合ES6 编写 JavaScript 设计模式中的结构型模式_javascript技巧_
