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博客