el-table某一列嵌套使用el-popover,使用click触发,导致页面下拉框组件无法触发弹框关闭(解决办法)

在弹框触发的方法里加上document.body.click() 即可

尝试了很多其他的方法都没用,只有这个解决了

完整代码:

js 复制代码
<el-select
@change="sourceChange"
clearable
>
  <el-option
    v-for="option in list1"
    :key="option.code"
    :label="option.name"
    :value="option.code"
  ></el-option>
</el-select>

sourceChange(){
document.body.click()//重点
}



<el-table-column>
<template slot-scope="scope">
            <el-popover
            width="450"
            :ref="`popover-${scope.row.id}`"
            trigger="click"
            @show="checkAllowed(scope.row)">
              <span slot="reference" style="cursor: pointer;">
                {{scope.row.name}}
              </span>
              <el-table
                :data="List"
                style="width: 100%"
                row-key="id"
                height="214px"
              >
                <el-table-column
                  label="序号"
                  width="45"
                  type="index"
                ></el-table-column>
               </el-table>
            </el-popover>
          </template>
</el-table-column>
相关推荐
wyhwust8 分钟前
基于Apifox的接口管理工具
前端
柒和远方18 分钟前
后端认证、鉴权、高并发:从 Session 到 JWT 再到 Redis
前端·后端·面试
piglet1213818 分钟前
把搜索调到 Claude.ai 的水准
前端·人工智能
JieE21221 分钟前
JS 到底有多少种数据类型?从ECMA规范到内存本质,一文彻底搞懂
javascript·数据结构·面试
前端Hardy25 分钟前
前端圈沸腾!这个动画库月下载超 3000 万次,已经快成行业标准了
前端
文阿花38 分钟前
Echarts实现自动旋转柱状3D扇形图
前端·3d·echarts
sp4239 分钟前
使用 Vite 与 NativeScript
前端
zhedream40 分钟前
从模糊到清晰:一次组件重构里的开发哲学
vue.js
前端Hardy44 分钟前
GitHub 爆火!Three.js + React + ECharts 打造最强数据大屏
前端·javascript
如果超人不会飞1 小时前
TinyRobot AI 对话组件库全组件使用指南
前端·vue.js