Element-ui Popconfirm气泡确认框的确认及取消事件不生效

Element-ui 官方文档对 Popconfirm气泡确认框的一些属性及事件的描述不够详细,导致第一次使用时会遇到各种各样的问题对确定事件及取消事件描述如下:

但是如果给组件绑定@confirm="confirm"时,发现点击确定按钮时,并不能触发confirm事件. 实际应该绑定的是onConfirm事件和onCancel事件

              <el-popconfirmconfirm-button-text="确定"cancel-button-text="取消"title="确定删除吗？"icon="el-icon-delete"icon-color="red"@onConfirm="handleConfirm"@onCancel="handleCancel":key="scope.row.id"><el-buttonslot="reference"size="medium"type="text"style="color: #fd6d60">删除</el-button></el-popconfirm>

Element-ui Popconfirm气泡确认框的确认及取消事件不生效相关推荐

Vue实现Element UI的下拉框默认选中，值来自父组件或异步获取
子组件使用watch监听父组件传过来的值,并且赋值给子组件的data参数. 1.父组件传了一个userId属性给子组件 <Children@searchForm="searchForm ...
vue问题三：element ui的upload组件上传图片成功和移除事件
element ui的upload组件上传图片成功和移除事件: 登录后获取到后台传的token存到中: sessionStorage.setItem("token",data.ob ...
vue2.0 + element ui 实现表格穿梭框
element ui 官网里介绍了穿梭框(Transfer),但在实际使用过程中,会出现一些问题: 1.穿梭框里能放置的内容太少,不能满足复杂的业务需求. 2.当选项过多时,穿梭框很难实现分页,左右两 ...
优化element ui中的弹框样式
element ui 虽然提高了开发效率,但是坑也不少,比如弹框的体验就不佳: 弹框体验不佳自带的弹框样式有很多缺点,比如不居中,大小会超出屏幕然后在最右侧出现滚动条,看不到footer里的按钮等. ...
使用element ui select下拉框多选，编辑状态下回显数据
最近在做一个项目,项目的后端是地址:https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://github ...
element ui的气泡确认框点击确定没反应的问题
官网解释但是我们加上此点击事件后, 点击确定并没有执行相对应的方式正确方式 @onConfirm定义事件,而不是@confirm
Element UI select 下拉框样式覆盖
因为我需要写一个大屏页面,然后需要用到select框,我想把select下拉选项的背景颜色改成透明,然后我想覆盖掉它本身的样式.我本来想改变el-select-dropdown的样式,即使使用了 /d ...
解决element ui select下拉框不回显数据问题
最近在做一个项目,项目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://githu ...
Vue + Element UI——对话框式登录框DEMO
源代码 <template><div class="login"><el-button type="success" class= ...

Element-ui Popconfirm气泡确认框的确认及取消事件不生效

Element-ui Popconfirm气泡确认框的确认及取消事件不生效相关推荐

最新文章

热门文章