最近在做项目的时候用到了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的索引用于区分不同的组件实例。

Logo

前往低代码交流专区

更多推荐