在使用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>