天天看點

動态子路由跳轉成功,頁面沒有成功渲染

這裡是動态子路由跳轉成功

動态子路由跳轉成功,頁面沒有成功渲染

明明連結都成功顯示到子路由id,頁面沒有成功渲染。

仔細看代碼原來是路由的index.js寫錯了。

錯誤代碼:

動态子路由跳轉成功,頁面沒有成功渲染

這次的子路由是動态的,id前面少了“ : ”。是以跳轉到是正常的,而沒有渲染。

一個“路徑參數”使用冒号 : 标記。當比對到一個路由時,參數值會被設定到 this.$route.params,可以在每個元件内使用。

正确代碼:

動态子路由跳轉成功,頁面沒有成功渲染

ps:以“/”開頭的嵌套路由會被當作 根路徑,是以子路由上不用加“/”。在生成路由時候,主路由的path被自動添加到子路由之前,是以子路由上的path不用重新聲明主路由上的path。