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}`),
搞定!路由活了起來~~~