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>
相关推荐
幽络源小助理19 小时前
SpringBoot+Vue车票管理系统源码下载 – 幽络源免费项目实战代码
vue.js·spring boot·后端
小夏卷编程19 小时前
jeecg boot 路由缓存失效问题
vue.js·缓存
阿珊和她的猫19 小时前
React Hooks:革新组件开发的优势与实践
前端·react.js·状态模式
全栈技术负责人19 小时前
AI时代前端工程师的转型之路
前端·人工智能
花归去19 小时前
echarts 柱状图曲线图
开发语言·前端·javascript
喝拿铁写前端19 小时前
当 AI 会写代码之后,我们应该怎么“管”它?
前端·人工智能
老前端的功夫19 小时前
TypeScript 类型魔术:模板字面量类型的深层解密与工程实践
前端·javascript·ubuntu·架构·typescript·前端框架
北辰alk20 小时前
Vue Router 404页面配置:从基础到高级的完整指南
vue.js
北辰alk20 小时前
Vue 中的 MVVM、MVC 和 MVP:现代前端架构模式深度解析
vue.js
北辰alk20 小时前
为什么 Vue 中的 data 必须是一个函数?深度解析与实战指南
vue.js