官网文档如下
trigger
属性用于设置何时触发 Popover,支持四种触发方式:
hover
,
click
,
focus
和
manual
。对于触发 Popover 的元素,有两种写法:使用
slot="reference"
的具名插槽,或使用自定义指令
v-popover
指向 Popover 的索引
ref
。
组件 | Element
v-model一直不起作用,v-popover是鼠标悬浮focus的事件,ref是个什么东东?
我之前没想到ref,不过正是这个家伙自带关闭事件动作
2. 用法
上直接ref控制显示或者隐藏
<el-popover
width="160"
title="选择版本"
trigger="click"
:ref="`popover-${scope.$index}`"
<el-select v-model="versionSelected">
<el-option
v-for="item in versionArr"
:key="item"
:label="item"
:value="item"
</el-option>
</el-select>
<div style="text-align: right; margin-top: 10px">
<el-button size="mini" @click="handleCancelPop(scope)"
>取消</el-button
<el-button
type="primary"
size="mini"
@click="deliverMagicBox(scope)"
>确定</el-button
</el-popover>
// Methods
handleCancelPop(scope) { scope._self.$refs[`popover-${scope.$index}`].doClose();
el-table 中使用 el-popover 点击取消按钮时 popover 框的显示与隐藏问题 - 简书 (jianshu.com)
人生到处知何似,应似飞鸿踏雪泥。