最近在做项目的时候用到了vue的上传图片的组件，上传的时候没有问题，但是回显的时候出现问题。上传的时候单个上传好做，直接点击上传就可以了，但是回显的时候涉及到父组件向子组件传值实时更新的问题，需要动态的根据子组件的ref的值传值。

单个子组件时直接ref=‘name’，在js中this. r e f s . n a m e 调 用 方 法 就 可 以 了 ， 但 是 动 态 的 话 n a m e 是 不 固 定 的 ， t h i s . refs.name调用方法就可以了，但是动态的话name是不固定的，this. refs.name调用方法就可以了，但是动态的话name是不固定的，this.refs.后面是不能直接跟变量的，后来我百度了一下找到了解决方案，以下是我的代码

:ref="'item'+index"


let gv='item'+i;
this.$refs[gv][0].focus()

index是v-for的索引用于区分不同的组件实例。