美文网首页
v-for遍历的组件,使用ref对组件进行操作

v-for遍历的组件,使用ref对组件进行操作

作者: Frank_Fang | 来源:发表于2021-06-23 11:13 被阅读0次

    当多个组件使用同一个ref名的时候,this.$refs.myComponent是一个数组

    <template>
    ...
    <div v-for="(item,index) in arr" :key="index">
        <my-component ref="myComponent" :name="item.name"  />
    </div>
    ...
    </template>
    
    <script>
    ...
    arr: [
      {name: 'a'},
      {name: 'b'},
      {name: 'c'}
    ]
    ...
    refresh () {
      this.arr.forEach((item, index)=>{
        this.$refs.myComponent[index].clearFIleList()
      })
    }
    ...
    </script>
    

    相关文章

      网友评论

          本文标题:v-for遍历的组件,使用ref对组件进行操作

          本文链接:https://www.haomeiwen.com/subject/pbfbyltx.html