查了許久源碼,發(fā)現(xiàn)是冒泡問題
下面附上解決方案:
修改前:
<el-popconfirm title="刪除?" @confirm="popConfirm" @cancel="popCancel">
<el-button type="danger" size="mini" slot="reference" icon="el-icon-delete">刪除</el-button>
</el-popconfirm>
修改后:
<span @click="delBtn">
<el-popconfirm title="刪除?" @confirm="popConfirm" @cancel="popCancel">
<el-button
type="danger"
size="mini"
slot="reference"
icon="el-icon-delete"
>刪除</el-button>
</el-popconfirm>
</span>
methods: {
popConfirm(){
console.log('確認(rèn)')
},
popCancel(){
console.log('取消')
},
delBtn(e){
e.stopPropagation();
},
}