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

在使用element-ui时,发现弹出框要触发click事件文档与例子中也没有说明:
element-ui:el-popconfirm弹出框组件确认按钮触发方法绑定_第1张图片
我原本的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方法绑定到气泡框的确定按钮上:
element-ui:el-popconfirm弹出框组件确认按钮触发方法绑定_第2张图片
点击删除按钮时就会触发del方法,而点击气泡中的确定按钮不会触发
如何将删除按钮绑定的del方法绑定到气泡框中,就要在el-popconfirm中添加:@onConfirm="del()"

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

你可能感兴趣的:(web前端,#,element-ui)