最近在做一個(gè)項(xiàng)目,前端菜單路徑如下:

{path: '/oa/workflow/process/:status',component: sys_workflow_process,name: '流程查詢',hidden: true},{path: '/oa/workflow/process/1',name: '待辦流程',component: sys_workflow_process,},{path: '/oa/workflow/process/2',component: sys_workflow_process,name: '已辦流程'},{path: '/oa/workflow/process/3',component: sys_workflow_process,name: '全部流程'},

菜單能正常顯示,但發(fā)現(xiàn)從待辦流程切換到已辦流程時(shí),頁(yè)面沒(méi)有重新刷新,但URL已經(jīng)變化了.
經(jīng)查,是因?yàn)楦鱾€(gè)菜單路由是相同的，vue就會(huì)認(rèn)為你是同一個(gè)頁(yè)面，從而復(fù)用已加載的頁(yè)面，而不會(huì)重新加載.
解決辦法如下:

watch: {'$route' (to, from) {//重新加載頁(yè)面this.switch(to.params['status']);this.getDataList();}}

這樣,通過(guò)監(jiān)聽(tīng)后,當(dāng)路由URL發(fā)生變化時(shí),重新加載視圖

總結(jié)

以上是生活随笔為你收集整理的vue通过监听实现相同路径的视图重新加载的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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