vue动态添加组件
使用场景有一个列表页如下,当我点击查看的时候,会弹窗,弹窗的主要内容是组件,每个组件的内容都不一样,我不可能在这个列表页把所有的组件都import进来,所以在弹窗显示的时候scope.row获取当前记录的信息,然后根据信息中的对应关键字段(如下面我代码中的programe_id)就是组件唯一的文件名,拼接一下就能动态添加组件例如需要添加的组件如下:核心代码methods:{add(msg){let
·
使用场景
有一个列表页如下,当我点击查看的时候,
会弹窗,弹窗的主要内容是组件,
每个组件的内容都不一样,我不可能在这个列表页把所有的组件都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')
}
更多推荐
已为社区贡献1条内容
所有评论(0)