100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > element-ui:el-popconfirm弹出框组件确认按钮触发方法绑定

element-ui:el-popconfirm弹出框组件确认按钮触发方法绑定

时间:2020-08-21 14:49:02

相关推荐

element-ui:el-popconfirm弹出框组件确认按钮触发方法绑定

在使用element-ui时,发现弹出框要触发click事件文档与例子中也没有说明:

我原本的button组件是这样的:

<el-button @click="del()">删除</el-button>// del()del(){console.log('del')}

加入气泡框后:

<el-popconfirmtitle="这是一段内容确定删除吗?"><el-button slot="reference" @click="del()">删除</el-button></el-popconfirm>

这样是无法将del方法绑定到气泡框的确定按钮上:

点击删除按钮时就会触发del方法,而点击气泡中的确定按钮不会触发

如何将删除按钮绑定的del方法绑定到气泡框中,就要在el-popconfirm中添加:@onConfirm="del()"

<el-popconfirmtitle="这是一段内容确定删除吗?"// 气泡中确定按钮绑定click事件@onConfirm="del()"><el-button slot="reference">删除</el-button></el-popconfirm>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。