添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

官网文档如下

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)

人生到处知何似,应似飞鸿踏雪泥。