render vue 添加类_详解vue 动态加载并注册组件且通过 render动态创建该组件

基于 iview Tabs 组件实现

功能：为每个 tab 动态创建不同的、特定的组件内容，而不需要大量的 import 组件并进行 component 注册

Index.vue

import loader from './EntryLoader.vue'

export default {

components: {loader},

data() {

return {

zj:[

{label:'tab1',vueName:'workflow/Index'},

{label:'tab2',vueName:'workflow/Index2'},

{label:'tab3',vueName:'workflow/Index3'}

]

}

}

}

EntryLoader.vue

export default {

props: ['vueName'],

data() {

return {}

},

created() {

this.$options.components[this.vueName] = require('@/components/' + this.vueName + '.vue')

},

render: function (createElement) {

return createElement(this.vueName)

}

}

总结

以上所述是小编给大家介绍的vue 动态加载并注册组件且通过 render动态创建该组件,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！