vue动态给ref赋值

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

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

:ref="'item'+idex"
let gv='item'+i;
this.$refs[gv][0].upimg(ggt)

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

原文链接:https://blog.csdn.net/qq_33849049/article/details/96324552?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~sobaiduend~default-3-96324552.nonecase&utm_term=vue%20%E5%8A%A8%E6%80%81refs

原文地址:https://www.cnblogs.com/liuyanan/p/13673662.html