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>
相关推荐
子兮曰1 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰1 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万1 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝1 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
A黄俊辉A1 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
三十而立洋1 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁1 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄1 天前
JavaScript 隐式全局变量解析
javascript
honkun61 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19911 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net