前端基础学习-tab嵌套表格错乱问题

最近开发有遇到过一个问题，在运用element ui的时候，当我们把多个table页面作为嵌套到el-tabs下时，切换tab会有错乱问题（这里的现象是切换的一瞬间，所以列缩小到最小，页面出现大量空白）。

这里记录一下解决方法。

在table中绑定ref

				<el-table
					border
					:data="tableData"
					ref="table"
				>
				</el-table>

在对应mounted或者created中添加nextTick()

					this.$nextTick(() => {
						this.$refs.table.doLayout()
					})

注：nextTick()，是将回调函数延迟在下一次dom更新数据后调用
关于nextTick可以看一下这篇介绍nextTick理解