這裡是動态子路由跳轉成功
明明連結都成功顯示到子路由id,頁面沒有成功渲染。
仔細看代碼原來是路由的index.js寫錯了。
錯誤代碼:
這次的子路由是動态的,id前面少了“ : ”。是以跳轉到是正常的,而沒有渲染。
一個“路徑參數”使用冒号 : 标記。當比對到一個路由時,參數值會被設定到 this.$route.params,可以在每個元件内使用。
正确代碼:
ps:以“/”開頭的嵌套路由會被當作 根路徑,是以子路由上不用加“/”。在生成路由時候,主路由的path被自動添加到子路由之前,是以子路由上的path不用重新聲明主路由上的path。