VUE動態路由


1. 在初始化路由對象時,使用這種靜態寫死的方式

component: () => import('@/views/form/index'),

沒有問題。

2. 使用動態傳參的方式

后台傳一個對象obj,然后用這種方式

component: () => import(obj.url),

有問題!

報錯,說找不到'@/views/form/index' ,盡管看起來和方法1沒有區別。

 

解決方式:

1. 引入動態參數插件

npm install --save-dev babel-plugin-syntax-dynamic-import

2. 然后使用`...${}...`的方式

component: () => import(`@/views/${obj.url}`),

搞定!路由活了起來~~~




免責聲明!

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



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