首页 > 其他分享 >el-table-column设置fixed后,el-popover出现两个的解决办法。

el-table-column设置fixed后,el-popover出现两个的解决办法。

时间:2024-01-16 18:45:56浏览次数:17  
标签:el column refs key popover table id

折磨许久终于解决,百度到的答案,搬运纪念一下

<el-popover placement="bottom" title="编辑标签" width="400" trigger="manual" v-model="row.tagVisible"
        :ref="`popover-${row.id}`">
        <div class="close-icon">
            <i class="el-icon-circle-close" @click="handleTagShow(row.id)"></i>
        </div>
        <el-tag :key="tag.id" v-for="tag in row.portalDatasetsTagList" closable
            :disable-transitions="false" style="margin-right:8px;margin-bottom:8px;"
            @close="handleClose(tag)">
            {{tag.tagName}}
        </el-tag>
        <el-select v-if="inputVisible" v-model="inputValue" ref="saveTagInput" filterable allow-create
            default-first-option placeholder="请选择标签" @change="handleInputConfirm">
            <el-option v-for="item in options" :key="item.id" :label="item.tagName" :value="item.id">
            </el-option>
        </el-select>
        <el-button v-else class="button-new-tag" size="small" @click="showInput" :loading="addLoading">+
            标签
        </el-button>
        <el-button type="text" slot="reference" @click="handleTagShow(row.id)">
            {{buttonLabel}}
        </el-button>
    </el-popover>
handleTagShow(id) {
            this.row.tagVisible = !this.row.tagVisible
            const key = "popover-" + id
            this.$nextTick(() => {
                document.getElementById(this.$refs[key].$refs.popper.id).style.display =
                    "none"
            })
        }

值得纪念这个

标签:el,column,refs,key,popover,table,id
From: https://www.cnblogs.com/harryzong/p/17968304

相关文章

  • Elasticsearch内核解析 - 数据模型篇【转载】
    原文链接Elasticsearch是一个实时的分布式搜索和分析引擎,它可以帮助我们用很快的速度去处理大规模数据,可以用于全文检索、结构化检索、推荐、分析以及统计聚合等多种场景。Elasticsearch是一个建立在全文搜索引擎库ApacheLucene基础上的分布式搜索引擎,Lucene最早的版本是2......
  • Elasticsearch索引不存在时,查询接口报错怎么办?
    1、索引不存在,报错:type=index_not_found_exception,reason=nosuchindex解决办法:DSL:GET/text_index_003/_search?ignore_unavailable=truejava代码:NativeSearchQuerysearchQuery=newNativeSearchQueryBuilder().withIndicesOptions(IndicesOpti......
  • ElasticSearch中_source、store_fields、doc_values性能比较【转载】
    原文地址请点击在这篇文章中,我想从性能的角度探讨ElasticSearch为我们存储了哪些字段,以及在查询检索时这些字段如何工作。实际上,ElasticSearch和Solr的底层库Lucene提供了两种存储和检索字段的方式:store_fields和doc_values。此外,ElasticSearch默认提供了 _source 字段,这是在......
  • Elastic实战:彻底解决spring-data-elasticsearch日期、时间类型数据读取报错问题
    0.引言在使用spring-data-elasticsearch读取es中时间类型的数据时出现了日期转换报错,不少初学者会在这里困惑很久,所以今天我们专门来解读该问题的几种解决方案。1.问题分析该问题的报错形式一般是:Failedtoconvertfromtype[java.lang.String]totype[java.util.Date]f......
  • Celery 任务路由的使用,在多任务时,实现分组管理任务
    Celery任务路由的使用,在多任务时,实现分组管理任务Celery任务路由的使用,本文参考了国外大佬的文章,并做了修改与补充,原文见这里,BjoernStielCelery官方文档:RoutingTasks任务路由的主要作用:把任务分类,让他们在不同队列中运行,互不干扰,同时方便管理本文介绍3种任务路由添加......
  • Vue加element Ui 实现下载文件和进度条展示
    <template><el-progress:percentage="percentage"></el-progress><h1>{title}</h1><el-button:disabled="isDisabled"@click="getProgress">下载文件</el-button></template>......
  • Spring Boot3.x集成ElasticSearch8.x
    SpringBoot3.x集成ElasticSearch8.x版本说明,本demo使用SpringBoot3.2.1+JDK17+ElasticSearch8.11.3前提是已经部署好了自己的ElasticSearch环境,我这里直接用容器默认部署好了,能访问即可创建SpringBoot项目导入pom依赖<dependency><grou......
  • 在CMD和PowerShell下如何制作图片马
    目录在CMD中使用copy命令:在PowerShell中使用gc命令:总结:图片马通常是在图片文件中嵌入其他信息,以隐藏额外的数据。当使用命令行工具(如CMD或PowerShell)制作图片马时,copy命令和Get-Content(简写为gc)命令的目标是将一段数据(可能是一段脚本或其他二进制数据)嵌入到图片文......
  • 论文总结:Efficient Long-Text Understanding with Short-Text Models
    1)背景问题:基于Transformer的预训练语言模型,会限制长度,一般是512以内,因为二次复杂度的原因O(N^2),无法应用于长序列例如故事、科学文章和长文档。2)现有方法:高效的Transformer变体,但是,它们通常基于自定义实现,需要从头开始进行昂贵的预训练。比如:1.Reformer2.Funnel-Transfo......
  • CommandNotFoundError: Your shell has not been properly configured to use ‘conda
    问题描述使用condaactivate激活虚拟环境时报错:condaactivatevirtual_env提示内容CommandNotFoundError:Yourshellhasnotbeenproperlyconfiguredtouse'condaactivate'.Toinitializeyourshell,run$condainit<SHELL_NAME>Currentlysupp......