el-table-column设置fixed后,el-popover出现两个的解决办法。
折磨许久终于解决,百度到的答案,搬运纪念一下
<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" }) }
值得纪念这个
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」