vue3使用动态路由,并传入component的组件地址

vue2可使用以下方法

const component = resolve => require([sub.component + '.vue'], resolve)

vue3不能使用require方法,但是import()参数只能是字符串,不能传变量,所以只能想办法。
使用插件
@rollup/plugin-dynamic-import-vars git地址

npm install @rollup/plugin-dynamic-import-vars --save-dev

创建文件 rollup.config.js 并导入代码

import dynamicImportVars from '@rollup/plugin-dynamic-import-vars';

export default {
  plugins: [
    dynamicImportVars({
      // options
    })
  ]
};

注:导入必须以./or开头…/。
例如:

const itemComponent = () => import('../'+url+'.vue')
Logo

前往低代码交流专区

更多推荐