在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue-router使用編程式導(dǎo)航時路由不穩(wěn)定的問題

vue-router使用編程式導(dǎo)航時路由不穩(wěn)定的問題

嘗試做一個SPA，使用Vue-router來做路由管理，
場景是這樣的：
4個TAB頁，tab由單獨抽成一個組件，import導(dǎo)入Vue根實例，router實例注入Vue根實例以便于在組件中操作。
相關(guān)代碼截圖如下：
index.html的html代碼，tab為4個TAB頁按鈕的組件
圖片描述

實例注入
圖片描述

路由配置，路由組件是異步加載的
圖片描述
圖片描述

tab組件，點擊時調(diào)用注入的router實例的replace方法，page為對應(yīng)的路由名稱
圖片描述
圖片描述

以上就是相應(yīng)的部分邏輯代碼，理論上，切換TAB頁URL的hash會改變也確實改變了，但是刷新頁面發(fā)現(xiàn)有時會導(dǎo)航到index有時會停留在當(dāng)前頁，這是什么原因呢。

回答
編輯回答
裸橙

為啥我感覺邏輯有點復(fù)雜呢。。。是不是我之前的寫法有問題。。。汗。
做spa，可以先確定哪些是固定的，例如你這個tab，有一些會有頭部什么的。把這些獨立為一個組件，在app.vue引入tab，此時<tab/>和<router-view/>是平級的，然后讓app這個頁面上下布局，即<tab/>固定在下面，然后上面的路由視圖一直變好了。

回到正題：沒有遇到你說的問題。。。

2017年2月25日 21:23
編輯回答
淚染裳

已發(fā)現(xiàn)問題。應(yīng)該是chrome瀏覽器下的一些兼容問題，在火狐和Edge下沒有問題

2017年2月12日 07:46
編輯回答
青檸

樓主思路就錯了，為何要主動 this.$router.replace(page)，應(yīng)該是官方推薦的編程式導(dǎo)航操作路由 編程式導(dǎo)航

2018年7月15日 22:34