vue一个动态加载组件使用的问题
描述:
我维护了一个npm
的组件包,里面有一个组件的功能,需要动态显示某个组件(这个组件是由引入方项目里面的组件)
下面代码为应用项目中main.js
中传递了一个loadVue
方法进行动态导入组件。
Vue.use('xxx', { loadVue: function(file) {
// return require('@/views/' + file) 加载成功
return import('@/views/' + file) // 加载失败 模块未找到
}
})
问题:import
是写法有问题吗 还是啥情况呢?
回答:
有人问过跟你类似的问题,在vue中import()语法为什么不能传入变量?,你看一下这个问题的采纳答案以及点赞很多的那几个答案,看对你有没有帮助
你再看看这个文档https://webpack.docschina.org/api/module-methods/
或者这种文章webpack import() 动态加载模块踩坑
以上是 vue一个动态加载组件使用的问题 的全部内容, 来源链接: utcz.com/p/935929.html