vue-router路由切换数据加载中效果是怎么实现的
1个回答
展开全部
一个方案就是利用 vue-router 导航钩子 导航钩子 · GitBook ，步骤如下：
1. 可以在vuex 或者 bus 中维护一个isLoading 的变量
2. 在 router.beforeEach 钩子中 设置 isLoading = true , 在 router.afterEach 中 设置 isLoading = false
3. 在根组件（即<router-view>所在的父组件）上 放置一个Loading组件，例如：
<Loading :isLoading="isLoading"></Loading>
<router-view ></router-view>
这个 Loading组件根据这个isLoading值来决定是否显示loading动画。
1. 可以在vuex 或者 bus 中维护一个isLoading 的变量
2. 在 router.beforeEach 钩子中 设置 isLoading = true , 在 router.afterEach 中 设置 isLoading = false
3. 在根组件（即<router-view>所在的父组件）上 放置一个Loading组件，例如：
<Loading :isLoading="isLoading"></Loading>
<router-view ></router-view>
这个 Loading组件根据这个isLoading值来决定是否显示loading动画。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
