各位大佬,我在用 VUE 做项目,需要一个动态导入 module 的功能.要实现下面类似的功能.
要在 app.vue 中动态 import a.js 或者 b.js
a.js 文件内容如下
export default {
a: 'a content'
}
b.js 文件内容如下
export default {
b: 'b content'
}
app.vue 的要根据条件,选择是导入 a.js 还是 b.js.我目前的做法是
<template>
</template>
<script>
const importURL = condition? './a.js' : './b.js'
import(importURL).then((aModule) => {
console.log(aModule.default)
})
</script>
但是这种方式会报错,无法导入.但是如果把 importURL 替换成字符串,就能导入,但是无法实现动态导入这个需求.
各位大佬,求指点,这样的需求该如何实现?
要在 app.vue 中动态 import a.js 或者 b.js
a.js 文件内容如下
export default {
a: 'a content'
}
b.js 文件内容如下
export default {
b: 'b content'
}
app.vue 的要根据条件,选择是导入 a.js 还是 b.js.我目前的做法是
<template>
</template>
<script>
const importURL = condition? './a.js' : './b.js'
import(importURL).then((aModule) => {
console.log(aModule.default)
})
</script>
但是这种方式会报错,无法导入.但是如果把 importURL 替换成字符串,就能导入,但是无法实现动态导入这个需求.
各位大佬,求指点,这样的需求该如何实现?