vue动态给ref赋值
vue ref 动态赋值使用
·
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的索引用于区分不同的组件实例。
更多推荐
已为社区贡献2条内容
所有评论(0)