苦呀君
苦呀君

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)