登录
注册
写文章
首页
下载APP
会员
IT技术
element ui 表格遇到 v-if 导致渲染混乱的坑
WebDog369
关注
赞赏支持
element ui 表格遇到 v-if 导致渲染混乱的坑
当你做动态表格的时候,千万不要用v-if去对<el-table-column></el-table-column> 做显隐藏,否则会出现重复渲染某些格子和渲染混乱!
解决方案:
用v-show代替
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读
更多精彩内容
vue项目-遇到bug--表格在使用v-if切换的时候数据渲染有问题
问题说明:通过v-if来判断俩个表格数据的显示 参考文档----- 找原因: 1.可能是template中的slo...
毛茸茸的狗
阅读 2,400
评论 0
赞 0
v-if 和 v-show 的异同与踩坑记录
两者的同: (1)都是动态显示DOM元素 两者的异: (1)v-if是动态的向DOM树内添加或者删除DOM元素;v...
彩云Coding
阅读 1,225
评论 0
赞 1
element-ui中的el-table-column使用v-if导致列与数据错乱
当对表格中列根据需求显示隐藏时,发现列对应的数据发生错乱,如下: 解决方法:在 el-table-column 中...
邮一支软猫
阅读 3,906
评论 0
赞 1
el-table-column v-if条件渲染报错h.$scopedSlots.defaul...
问题:项目中遇到el-table-column条件渲染出现报错的情况 报错内容:h.$scopedSlo...
爱喝咖啡的攻城狮
阅读 735
评论 0
赞 1
v-for与v-if
<template> <template>//这里是渲染的按钮 <el-button :type="item...
双生生
阅读 3,830
评论 0
赞 0
赞
1赞
赞赏
手机看全文