vue element的el-tabs里独立出来很多组件，初次请求太多，想做优化

Question

<el-tabs v-model="tabsActiveName" type="border-card" @tab-click="handleClick">
                <el-tab-pane label="用户" name="first">
                    <userCom/>
                </el-tab-pane>
                <el-tab-pane label="角色" name="second">
                    <roleCom/>
                </el-tab-pane>
                <el-tab-pane label="权限" name="third">
                    <limitCom/>
                </el-tab-pane>
                <el-tab-pane label="菜单" name="forth">
                    <menuCom/>
                </el-tab-pane>
                <el-tab-pane label="业务" name="fifth">
                    <businessCom/>
                </el-tab-pane>
                <el-tab-pane label="渠道" name="sixth">
                    <channelCom/>
                </el-tab-pane>
</el-tabs>

当初次到这个大的组件里，6个子组件同时请求的话会太多，想切换到哪个时，哪个组件再请求，该如何做，我的思路是在第2-6个加v-if=false,在切换到哪个时，在v-if=true，这样效果还可以，还有别的思路吗

Answer 1

将子组件绑定路由, 然后通过懒加载路由

Answer 2

监听activeName的变化发送请求！

Answer 3

可以给Tab-pane加上lazy属性

https://element.eleme.cn/#/zh...