在使用vue模擬CNode社區(qū)過程中,使用了router-link路由跳轉(zhuǎn)丝格,但是在頁面上路徑變化了撑瞧,頁面卻沒有進(jìn)行跳轉(zhuǎn),原因如下
參考
因?yàn)閮蓚€路由都渲染同個組件显蝌,比起銷毀再創(chuàng)建预伺,復(fù)用則顯得更加高效。正是vue的復(fù)用機(jī)制曼尊,導(dǎo)致在如果頁面是跳轉(zhuǎn)到同一個組件上酬诀,頁面就不會重新渲染
解決辦法
分別在組件下使用watch監(jiān)聽路由
watch: {
'$toute' (to,from) {
//對路由變化做出響應(yīng)
console.log('有變化了') //測試點(diǎn)擊路由的反應(yīng)
//頁面需要重新加載的地方
}
}