最近在做一個項目,前端菜單路徑如下:

{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: '全部流程'},

菜單能正常顯示,但發現從待辦流程切換到已辦流程時,頁面沒有重新刷新,但URL已經變化了.
經查,是因為各個菜單路由是相同的，vue就會認為你是同一個頁面，從而復用已加載的頁面，而不會重新加載.
解決辦法如下:

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

這樣,通過監聽后,當路由URL發生變化時,重新加載視圖

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。