element tab 导入html,element-ui中，使用el-tabs嵌套el-table，初次加载tab页时table表头和表格数据错位...

\#\#\# 问题描述

element-ui中，使用el-tabs嵌套el-table，每个tab页下放置引入的子组件。并有v-if控制它的显示。子组件中的el-table中设置了列的宽度。问题出在初次加载tab页时table表头和表格数据错位。点击其他tab页再切换回去的时候错位消失了。

下图是初次点击左侧菜单进来时的状态

点击其他tab页比如已审批以后，再切回原来的第一个tab后

\#\#\# 相关代码

父组件中

mounted() {

this.getTableData(this.activeName)

},

activated() {

if (this.refreshTable) {

this.getTableData(this.activeName)

this.$store.dispatch('setRefreshTable', '')

},

methods: {

getTableData(activeName) {

switch (activeName