table固定列el-popover出现多个
解决前:
原因:当el-table-column为固定列时【fixed=“right”】,会出现此现象
解决办法:设置ref="popover-${data.id}
" ,当触发popover时设置多出的pop隐藏,我这里是前一个兄弟节点
this.$refs[key].$refs.popper.previousSibling.style.display = ‘none’
<el-popover
v-model="data.popShow"
width="150"
placement="top"
trigger="manual"
:ref="`popover-${data.id}`"
>
<p>{{ msg }}</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="doCancel">取消</el-button>
<el-button type="primary" size="mini" @click="doDelete">确定</el-button>
</div>
<el-button slot="reference" round type="danger" icon="el-icon-delete" size="mini" @click="toDelete(data.id)" />
</el-popover>
toDelete(id) {
this.data['popShow'] = true
const key = 'popover-' + id
this.$nextTick(() => {
this.$refs[key].$refs.popper.previousSibling.style.display = 'none'
})
}
https://www.jianshu.com/p/fe0841c6361d