看之前的項目，突然發(fā)現(xiàn)一個不算bug的bug，之前也是一直沒有想到，現(xiàn)在發(fā)現(xiàn)之后越來越覺得有必要改掉，

項目用的是vue做的，自然切換用的就是路由，一級路由包括：首頁、記錄和個人中心，二級路由是在記錄下面的三個報修記錄，

如上圖路由分配，一級路由重定向到index，二級重定向至repair，一直覺得這樣沒什么問題，結(jié)果有次突然點到第三方租賃頁，然后又點到個人中心，

這是呢，我又想看看剛剛租賃頁的信息，這時，由于路由重定向，自然出現(xiàn)的是報修頁，這樣理論上是沒有錯的，但是我不想這樣呀，所以我就用本地緩存localstorage

把二級路由存下來，想賦給二級路由的重定向，也就是把重定向的值改為一個變量，結(jié)果，存是存下來了，但是不會用，放什么地方都不對，然后我就開始翻官網(wǎng)，因為之前項目要得急，也是第一次用vue，

基本上是粗略看了一下，需要用到什么功能就研究下，夠做項目用就行，所以這次翻看還是很有收獲的，

如圖，劃橫線部分，重定向竟然還可以是一個方法，so，現(xiàn)在就好解決了，

把重定向的部分改為函數(shù)，然后判斷從localstorage讀到的內(nèi)容，如果為空就默認跳repair,還跟原來一樣，如果有值的話，就按里面的值來跳，ok，完美解決。

后續(xù)添加：

有時項目中需要監(jiān)聽路由，

得到當前的路由，路由信息已經(jīng)得到，然后就可以利用了；

后續(xù)添加：

之前做滑到底部自動加載的功能時，同一父級的路由切換，需要用到最外層的div，然后會相互影響，

此時可以

mounted:function(){

console.log(this);

console.log(this.$el);

},

輸出的this.$el，就是當前的頁面的最外層的div。

watch監(jiān)聽$route ，也可已監(jiān)聽事件

watch: {

'$route':'fetchData'

},

methods:{

fetchData:function(){

alert('0');

}

}

總結(jié)

以上是生活随笔為你收集整理的vue 代理重定向_关于vue-router，路由重定向的使用分析的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。