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

)

}

相关推荐
Dontla几秒前
BootCDN介绍(Bootstrap主导的前端开源项目免费CDN加速服务)
前端·开源·bootstrap
开开心心就好22 分钟前
Word图片格式调整与转换工具
java·javascript·spring·eclipse·pdf·word·excel
Stringzhua31 分钟前
JavaScript【5】DOM模型
开发语言·javascript·ecmascript
90后小陈老师32 分钟前
WebXR教学 07 项目5 贪吃蛇小游戏
前端·数码相机
一口一个橘子34 分钟前
[ctfshow web入门] web118
前端·web安全·网络安全
GanGuaGua1 小时前
Vue3:脚手架
前端·javascript·css·vue.js·vue
weixin_431600441 小时前
使用 Vue Tour 封装一个统一的页面引导组件
javascript·vue.js·ecmascript
鸡吃丸子2 小时前
常见的实时通信技术(轮询、sse、websocket、webhooks)
前端·websocket·状态模式
胡斌附体2 小时前
vue添加loading后修复页面渲染问题
前端·javascript·vue.js·渲染·v-if·异步加载
Dontla2 小时前
Webpack DefinePlugin插件介绍(允许在编译时创建JS全局常量,常量可以在源代码中直接使用)JS环境变量
运维·javascript·webpack