使用el-table表格动态渲染表头数据之后,导致设置fixed的列渲染出现问题

问题如下:

解决方法:

使用$nextTick和v-if,让el-table在页面渲染完成之后再显示

<el-table v-if="visile"></el-table>

获取数据的方法

getdata(){

//这里处理数据

this.visile=false //不显示table组件

this.$nextTick(()=>{ //等页面渲染完成再显示组件

this.visile=true

)

}

相关推荐
柒.梧.12 分钟前
HTML入门指南:30分钟掌握网页基础
前端·javascript·html
用户542778485154014 分钟前
Promise :从基础原理到高级实践
前端
用户40993225021217 分钟前
Vue3条件渲染中v-if系列指令如何合理使用与规避错误?
前端·ai编程·trae
Mr_Swilder21 分钟前
2025-12-20 vue3中 eslint9+和prettier配置
前端
code_YuJun22 分钟前
脚手架开发工具——判断文件是否存在 path-exists
前端
code_YuJun23 分钟前
脚手架开发工具——root-check
前端
用户542778485154023 分钟前
XMLHttpRequest、AJAX、Fetch 与 Axios
前端
打小就很皮...30 分钟前
React 实现富文本(使用篇&Next.js)
前端·react.js·富文本·next.js
智算菩萨1 小时前
实战:高级中文自然语言处理系统的Python设计与实现
前端·javascript·easyui
q_19132846951 小时前
基于SpringBoot2+Vue2的诗词文化传播平台
vue.js·spring boot·mysql·程序员·计算机毕业设计