elementUI二次确认按钮

本文介绍如何在 Element UI 的 el-button 中加入二次确认功能,通过 el-popconfirm 组件实现防止误操作的功能。

开发中需要用到二次确认按钮,防止误触等操作。

原代码为:

el-button @click="changeBtn()">修改</el-button>

(修改函数已省略)

加入二次确认功能后,代码改为:

<el-popconfirm title="这是一段内容确定删除吗?" @confirm="change()">
    <el-button slot="reference">修改</el-button>
</el-popconfirm>

其中,@confirm表示确认后触发的函数;@cancel表示取消后触发的函数(默认为取消后关闭二次提示框)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值