1.在data中定义每个子组件相应的值,ture为加载,false为不加载。
2.在子组件中使用v-if来判断是否渲染当前页面
3.在函数中对子组件的值进行切换。
handleClick(){if(this.activeName=='first'){this.pageOne = truethis.pageTwo = false}else if(this.activeName=='second'){this.pageOne = falsethis.pageTwo = true}
}
VUE,element-ui,优化tabs组件每次点击,所有子页面都重新渲染问题。_el-tabs切换eltable组件重复渲染-CSDN博客