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

<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,这样效果还可以,还有别的思路吗

回答:

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

回答:

监听activeName的变化发送请求!

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注