Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • 添加自定义控制popover显隐事件

添加自定义控制popover显隐事件

<el-popover
     v-model="visible"
     placement="top"
     width="208"
     :popper-class="isEmbedded?'checkVisibled dbrc-popover dbrc-popoverupper':'checkVisibled-white dbrc-popover dbrc-popoverupper'"
   >
     <div
       slot="reference"
       :ref="`popoverBtn`"
       class="dialogAdd-box-right-add dbra-top"
       @click.stop="addPop(item,index)"
     >
       <i class="iconfont icon-bim-add dialogAdd-box-right-add icon-bim-add-top ibat" />
     </div>
   </el-popover>

   // 自定义一个 box
  <div @click.stop="doShowPopover">
    控制显隐
  </div>
doShowPopover(item, index) {
   this.$refs[`popoverBtn`].click();
 },

关键点就是 你在自定义事件那加一个阻止默认事件。防止你已经触发popover 已经打开,但事件传递到document 上又被关闭了

Edit this page
最近更新: 2025/12/2 01:46
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人