vue二級路由跳轉后外部引入js失效問題解決方案


vue路由可以通過children嵌套,於是可以形成二級路由等等。。。

案例如下:

routes: [
{
path: '/',
name: 'dy',
component: dy,
children:[
{path: '/',
name: 'tdy',
component: tdy
},
{path: '/tdy',
name: 'tdy',
component: tdy
},
{path: '/tjs',
name: 'tjs',
component: tjs
},
{path: '/thy',
name: 'thy',
component: thy
},
{path: '/tdq',
name: 'tdq',
component: tdq
},
{path: '/twd',
name: 'twd',
component: twd
},
{path: '/tlx',
name: 'tlx',
component: tlx
}
]
},
當使用vue路由的時候,可以在index.html里面引入外部js

當一級路由進行跳轉時,一級路由js可以使用,但是二級路由js失效。

 


    一級路由


  二級路由


 

解決方案如下:

在js代碼里面設置,當一級路由點擊時,讓js文件重新加載。

原因是路由跳轉原理1. 在地址中加入#以欺騙瀏覽器,地址的改變是由於正在進行頁內導航 
2. 使用H5的window.history功能,使用URL的Hash來模擬一個完整的URL。

當路由跳轉,頁面刷新,當時js不會重新加載,所以二級路由的js會失效!

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM