vue调用for循环动态组件的方法

1.创建元素时，无需动态添加变量，直接写入相同的ref
<el-tab-pane
    :lazy="true"
    :stretch="true"
    v-for="(item, index) in editableTabs"
    :key="index"
    :label="item.title"
    :name="item.name"
  >
      <component ref="tab" :is="item.component" style="height: 100%"></component>
  </el-tab-pane>
</el-tabs>

2.调用时根据顺序使用index去调用

this.$refs.tab[0].rightTreeClickEvent(null);

this.$refs.tab[1].rightTreeClickEvent(null);