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

)

}

相关推荐
真的想不出名儿21 小时前
vue项目引入字体
前端·javascript·vue.js
胡楚昊21 小时前
Polar WEB(1-20)
前端
笨蛋不要掉眼泪1 天前
SpringBoot项目Excel成绩录入功能详解:从文件上传到数据入库的全流程解析
java·vue.js·spring boot·后端·spring·excel
吃饺子不吃馅1 天前
AntV X6图编辑器如何实现切换主题
前端·svg·图形学
余防1 天前
XXE - 实体注入(xml外部实体注入)
xml·前端·安全·web安全·html
jump_jump1 天前
前端部署工具 PinMe
运维·前端·开源
Baklib梅梅1 天前
优秀文档案例解析:打造高效用户体验的最佳实践
前端·ruby on rails·前端框架·ruby
慧一居士1 天前
VUE、jquery、React、Ant Design、element ui、bootstrap 前端框架的 功能总结,示例演示、使用场景介绍、完整对比总结
前端
GISer_Jing1 天前
0926第一个口头OC——快手主站前端
开发语言·前端·javascript
MediaTea1 天前
Jupyter Notebook:基于 Web 的交互式编程环境
前端·ide·人工智能·python·jupyter