element-ui的页签需要来回切换,el-table中使用了<template></template>,然后在这个标签上使用了v-if,然后来回切换,el-table会有错位问题,问题如下图所示。
代码布局是根据页签使用了template标签加上v-if
问题是因为template标签中的内容在页面中不会显示,因为它设置了display:none;属性。DOM结构上找不到这个元素,所以就会有错位的问题。
解决方法:将v-if添加在<el-table-column></el-table-column>标签里判断