vue 动态ref 设置

在vue 开发中，经常会用到ref 属性，一般为写死的ref="xxx",但是有时会用到动态的ref,下面记录一下

<div v-for="(item,index) in list">
      <fm-generate-form
        :data="item"
        :ref="'generate'+index"
      >
      </fm-generate-form>
</div>




this.list.forEach((item, index) => {
          this.$refs[`generate${index}`][0].getData().then(data => {
            alert(JSON.stringify(data))
          }).catch(e => {
          })
});

:ref为动态设置的属性，后面为拼接的

重点为获取时  this.$refs[`generate${index}`][0].XXX,一定要加个[0]。因为是数组的话，this.$refs 返回的也是一个数组，这里需要更加注意一下