使用场景
有一个列表页如下,当我点击查看的时候,
会弹窗,弹窗的主要内容是组件,
每个组件的内容都不一样,我不可能在这个列表页把所有的组件都import进来,所以在弹窗显示的时候scope.row获取当前记录的信息,然后根据信息中的对应关键字段(如下面我代码中的programe_id)就是组件唯一的文件名,拼接一下就能动态添加组件
例如需要添加的组件如下:
核心代码
methods:{
add(msg){
let programe_id = msg.programe_id
this.$options.components['appTable'] = require('@/components/apps/app' + programe_id+"temp.vue").default
}
},
render: function (createElement) {
return createElement('appTable')
}