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會失效!