本文介绍: 之前有试过绑定的key为随机生成数,但是抖动问题在我这里并没有得到解决,随后将key置为固定的数值就彻底解决了这个抖动的问题,希望可以帮助到大家。计算的列宽,并且有 v–if 或 v–show 来控制表格某一列的展示与隐藏,所以切换tab或者触发点击事件时使表格会被重新加载计算,从而出现抖动的现象。页面渲染出表格以及表格中的所有内容,当触发表格中的自定义点击事件或者切换tab页时,表格里面的单元格和内容行就会发生左右或者上下抖动。由于表格中的 el–table 没有采用固定列宽,而是采用。
el–table中出现的抖动问题
现象描述
页面渲染出表格以及表格中的所有内容,当触发表格中的自定义点击事件或者切换tab页时,表格里面的单元格和内容行就会发生左右或者上下抖动
问题寻源
由于表格中的 el–table 没有采用固定列宽,而是采用动态计算的列宽,并且有 v–if 或 v–show 来控制表格某一列的展示与隐藏,所以切换tab或者触发点击事件时使表格会被重新加载计算,从而出现抖动的现象
解决方法
!注意:之前有试过绑定的key为随机生成数,但是抖动问题在我这里并没有得到解决,随后将key置为固定的数值就彻底解决了这个抖动的问题,希望可以帮助到大家。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。