重要代码:
Tips:主要是ref="`popover-${scope.row.id}`",给table中的el.popover绑定唯一的ref引用
<el-popover placement="top" width="160" v-model="scope.row.visible"
:ref="`popover-${scope.row.id}`">
<p>确定删除吗?</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
<el-button type="primary" size="mini" @click="handleDel(scope.row)">确定</el-button>
</div>
<el-button icon="el-icon-delete" style="margin-left: 5px;" slot="reference"
size="medium" type="text" @click="toDel(scope.row)">删除</el-button>
</el-popover>
Tips:获取当前点击的popover,previousSibling
toDel(row) {
var that = this
row.visible = true
const key = 'popover-' + row.id
this.$nextTick(() => {
that.$refs[key].$refs.popper.previousSibling.style.display = 'none'
})
}