render注册一个链接组件_详解Vue.js 动态加载并注册组件且通过 render动态创建该组件...

详解Vue.js 动态加载并注册组件且通过 render动态创建该组件

发布于 2020-5-6|

复制链接

摘记: 基于 iview Tabs 组件实现功能：为每个 tab 动态创建不同的、特定的组件内容，而不需要大量的 import 组件并进行 component 注册Index.vue

```javascrip ..

基于 iview Tabs 组件实现功能：为每个 tab 动态创建不同的、特定的组件内容，而不需要大量的 import 组件并进行 component 注册Index.vue

```javascript

```

```javascript

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)

}

}

```