使用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

)

}

相关推荐
luckyPian几秒前
前端+AI:HTML5语义标签(一)
前端·ai·面试·html·html5·ai编程
普通码农2 分钟前
Vue3 + dom-to-image 实现高质量截图复制与下载功能
前端
王六岁7 分钟前
🐍 前端开发 0 基础学 Python 入门指南:数字与字符串篇
前端·python·全栈
over69721 分钟前
JavaScript恋爱物语:当代码学会送花,对象字面量也能当红娘!
javascript
tiantian_cool26 分钟前
HarmonyOS 开发环境配置指南 - macOS 版
前端
写不来代码的草莓熊1 小时前
vue前端面试题——记录一次面试当中遇到的题(10)
前端·vue.js·面试
tiantian_cool1 小时前
正确的 .gitignore 配置
前端·github
三小河1 小时前
封装 classNames:让 Tailwindcss 类名处理更优雅
前端·javascript
起这个名字1 小时前
ESLint 导入语句的分组排序
前端·javascript
踩着两条虫1 小时前
VTJ.PRO低代码快速入门指南
前端·低代码