v-for遍历的组件，使用ref对组件进行操作
2021-06-23 本文已影响0人
Frank_Fang
当多个组件使用同一个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>
