vue-router路由切換數(shù)據(jù)加載中效果是怎么實(shí)現(xiàn)的？
萌萌小溫柔
2018-03-22 16:45:15
2 回答
所謂伊人_在水一方
TA貢獻(xiàn)12條經(jīng)驗(yàn) 獲得超8個(gè)贊
可以利用 vue-router 導(dǎo)航鉤子步驟如下：
1. 可以在vuex 或者 bus 中維護(hù)一個(gè)isLoading 的變量
2. 在 router.beforeEach 鉤子中 設(shè)置 isLoading = true , 在 router.afterEach 中 設(shè)置 isLoading = false
3. 在根組件（即<router-view>所在的父組件）上 放置一個(gè)Loading組件，例如：
<Loading?:isLoading="isLoading"></Loading>?<router-view?></router-view>
這個(gè) Loading組件根據(jù)這個(gè)isLoading值來(lái)決定是否顯示loading動(dòng)畫(huà)
西蘭花偉大炮
TA貢獻(xiàn)376條經(jīng)驗(yàn) 獲得超318個(gè)贊
一般像使用elementui這種ui框架的時(shí)候，都是在鉤子函數(shù)里面來(lái)判斷，控制布爾值就行,true開(kāi)，false關(guān)，進(jìn)去頁(yè)面就打開(kāi)，用axios取回?cái)?shù)據(jù)后的then里面就關(guān)閉就行
添加回答
舉報(bào)
0/150
提交
取消