抖动可能原因：
- element有做自动检测适应。
- 页面出现重绘。
- v-for的key属性渲染不对。
百度提供的解决方案有：
- v-show改成v-if。由于本需求的所有tab下的表格均需要显示，所以不能使用v-if使它卸载调，此路不通。
- el-table-column添加:key="Math.random()"，先不说无效吧，产生的随机值也是有重复的可能的，绝对大坑，弃用。
- 给 key 绑定确定的值，例如 :key=“1”，:key=“2”。无效。
最终解决方案：
使用element 表格中的doLayout方法，对 Table 进行重新布局。
beforeUpdate() {
this.handleTabClick()
},
methods: {
/**
* tab切换
*/
handleTabClick() {
this.$nextTick(() => {
this.$refs.multipleTable && this.$refs.multipleTable.doLayout()
this.$refs.multipleTable2 && this.$refs.multipleTable2.doLayout()
this.$refs.multipleTable3 && this.$refs.multipleTable3.doLayout()
})
},
}
本资源由随笔博客发布。发布者：五维国度，转载请注明出处：http://blog.suibi.site/archives/4346
本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
微信扫一扫 