在使用element-ui时,发现弹出框要触发click事件文档与例子中也没有说明:
我原本的button组件是这样的:
<el-button @click="del()">删除</el-button>
// del()
del(){
console.log('del')
}
加入气泡框后:
<el-popconfirm
title="这是一段内容确定删除吗?"
>
<el-button slot="reference" @click="del()">删除</el-button>
</el-popconfirm>
这样是无法将del方法绑定到气泡框的确定按钮上:
点击删除按钮时就会触发del方法,而点击气泡中的确定按钮不会触发
如何将删除按钮绑定的del方法绑定到气泡框中,就要在el-popconfirm中添加:@onConfirm="del()"
<el-popconfirm
title="这是一段内容确定删除吗?"
// 气泡中确定按钮绑定click事件
@onConfirm="del()"
>
<el-button slot="reference">删除</el-button>
</el-popconfirm>