el-popover manual手动显示和关闭
3 个月前
· 来自专栏
重拾前端
互联网/中医养生
el-popover默认的trigger方式为click，点击内部的按钮插槽显示气泡，点击非焦点区域消失。
有些交互场景需要点击按钮显示，点击气泡的关闭气泡消失。
<div v-for="(item, index) in dataList" :key="index">
<el-popover
:ref="'pop' + level + index"
placement="right"
width="400"
trigger="manual"
closePop(index){
let ref = 'pop' + this.level + index;
this.$refs[ref][0].doClose();
showPop(index){
let ref = 'pop' + this.level + index;
this.$refs[ref][0].doShow();