87,997
社区成员
发帖
与我相关
我的任务
分享关于Quasar框架动态加载组件的问题
请教各位，我有一张页面嵌套了一个组件，我想通过外部传参的方式动态的加载不同的组件。
components: {
showform: () => import('components/form/' + String(this.$route.params.processid) + '.vue')
},
但发现这样写的话，编译时服务器会一直卡死，前台页面也一直loading。
请教有什么地方写的不对？或者有什么更好的方法？
components: {
showform: () => import('components/form/' + String(this.$route.params.processid) + '.vue')
},
但发现这样写的话，编译时服务器会一直卡死，前台页面也一直loading。
请教有什么地方写的不对？或者有什么更好的方法？
...全文
请发表友善的回复…
发表回复
爱吃西瓜的榴莲小丸子 2022-02-18
- 打赏
- 举报
同问
亦夜 2021-02-05
- 打赏
- 举报
this指针的问题
先在script最上面定义变量 var _that = null;
components: {
Custom: () => import(`./component/${_that.name}`)
},
其次created里面给_that赋值为当前的vue实例this
rtitem 2021-02-05
- 打赏
- 举报
是这样改吗？好像还不行
<script>
var FormComponentName = null
export default {
data () {
return {
tab: 'showform',
title: null
}
},
components: {
showform: () => import(`components/form/${FormComponentName.$route.params.processid}.vue`),
},
created: function () {
FormComponentName = this
}
}
</script>
