VUE,element-ui，优化tabs组件每次点击，所有子页面都重新渲染问题

1.在data中定义每个子组件相应的值，ture为加载，false为不加载。

2.在子组件中使用v-if来判断是否渲染当前页面

3.在函数中对子组件的值进行切换。

handleClick(){
   if(this.activeName=='first'){
         this.pageOne = true
         this.pageTwo = false
   }else if(this.activeName=='second'){
       this.pageOne = false
       this.pageTwo = true
   }
}

VUE,element-ui，优化tabs组件每次点击，所有子页面都重新渲染问题。_el-tabs切换eltable组件重复渲染-CSDN博客