vue-router路由切換數(shù)據(jù)加載中效果是怎么實(shí)現(xiàn)的？一種解決方案是使用Vue路由器導(dǎo)航掛鉤來導(dǎo)航gitbook。具體步驟如下：1。一個(gè)isloading變量可以在vuex或bus中維護(hù)；2路由器.

vue-router路由切換數(shù)據(jù)加載中效果是怎么實(shí)現(xiàn)的？

一種解決方案是使用Vue路由器導(dǎo)航掛鉤來導(dǎo)航gitbook。具體步驟如下：1。一個(gè)isloading變量可以在vuex或bus中維護(hù)；2路由器.beforeach在鉤子中設(shè)置isloading=true路由器.afterEach在根組件中設(shè)置isloading=false 3（即]~路線。匹配

我不能獲取當(dāng)前路線位置.href

你不能獲取當(dāng)前路由

vue怎么在根組件里取到當(dāng)前使用的路由呢？

你需要打開HTML5歷史模式

Vue路由器的默認(rèn)哈希模式使用該URL模擬一個(gè)完整的URL，因此當(dāng)URL改變時(shí)，頁面將不會(huì)被重新加載。

如果我們不想要丑陋的散列，我們可以使用路由的歷史模式，這充分利用了它歷史.pushStateAPI來完成URL跳轉(zhuǎn)而不重新加載頁面。

Const router=new vuerouter（{

mode:“history”，

routes:[…

}）

如果您是服務(wù)器的nginx，則此配置需要與后端服務(wù)器的配置配合使用