ElementUI（饿了么）中el-popover弹出框⼿动关闭（循环中）Element UI （饿了么）中 el-popover ⼿动关闭
el-popover弹出框关闭和打开分别⽤ doClose() 和 doShow() ⽅法
Element UI⽂档中没有提到这两个⽅法
⼀般情况下：
<el-popover ref="popoverRef" placement="top" width="350">
<p class="font-size-18 fontWeight-600 m-b-20">排序权重</p>
<div>
<span>XXX</span>
</div>
<div >
<el-button type="text" size="mini" @click="determinePopover(XXX)">确定</el-button>
</div>
<el-button @click="set_popoverVisible(XXX)" type="text" slot="reference">权重</el-button>
</el-popover>
点击确定的时候调⽤关闭的事件：
this.$refs.popoverRef.doClose()  //关闭的
//this.$refs.popoverRef.doShow()  //打开的
如果是在循环中或表格中
ref="popoverRef"同名的就会⽣成很多个要确定唯⼀才能关闭
<el-table-column label="操作" fixed="right">
<template slot-scope="scope">
<el-button type="text" @click="w.id)">编辑</el-button>
<el-popover :ref="'popoverRef_' + w.id" placement="top" width="350">
<span>XXX</span>
<div >
<el-button type="text" size="mini" @click="w.id)">确定</el-button>
</div>
<el-button @click="set_w.XXX)" type="text" slot="reference">权重</el-button>
</el-popover>
</template>
elementui登录界面
</el-table-column>
确定唯⼀： :ref="'popoverRef_' + w.id"    或者取第⼏个也⾏
点击确定的时候调⽤关闭的事件：
setTimeout(() => {
if (this.$refs && this.$refs['popoverRef_' + id]) {
//重点是以下两句
this.$refs['popoverRef_' + id].doClose() //关闭的
this.$refs['popoverRef_' + id].doShow() //打开的
//重点是以上两句
}
}, 0)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。