【VUE】动态扩展组件

gengboxb 683 0

定义扩展组件

Source Code
  1. const aComponent = Vue.extend({
  2.     template: `
  3.    <li>A Component: test</li> `
  4.  });
复制 文本 高亮

动态组件

Source Code
  1. <component :is="item.component" v-for="(item,index) in componentType" :key="index"></component>
复制 文本 高亮

动态新增组件

注意1需要递增

Source Code
  1. this.$set(this.componentType,1,{component:'aComponent'})
复制 文本 高亮

发表评论 取消回复
表情 图片 链接 代码