vue$refs动态拼接获取值问题.docx

第

vue$refs动态拼接获取值问题

目录vue$refs动态拼接获取值vue$refs不能动态拼接问题项目需求：动态增减表单并验证总结

vue$refs动态拼接获取值

div是循环所以img的ref是动态设置的要获取对应点击的

?divv-for=(item,index)incityLivelist:key=index

????div

?????inputtype=filev-if=item.redact@change=filePush1(cityLivelist,index,img+index)/

?????img:src=$store.state.imgSrc+item.cityLiveImgv-if=item.cityLiveImg:ref=img+index/

??????

????/div

???/div

//这里动态传值获取不到

filePush1(list,index,img){

???console.log(this.$refs.img)

???//这样写会拿不到img?是个动态值?这会直接已img为值去获取?拿到的是undefined

}

要遍历循环就可以获取到值

filePush1(list,index,img){

???letthat=this

???letrefs=that.$refs

???for(letkeyinrefs){

?????console.log(refs[img])

?????//这里遍历循环所有的refs值就可以拿到动态拼接$refs所要的对应值这的img?是动态传的值?

????}

}

vue$refs不能动态拼接问题

项目需求：动态增减表单并验证

代码如下：

el-form

label-width=110px

:inline=true

v-for=(item,i)informData

:key=add+i

:ref=addForm+i

:rules=addRulse

:model=formData[i]

/el-form

this.contentReqVoList.forEach((el,i)={

console.log(this.$refs[addForm+i])

this.$refs.addForm[addForm+i].validate(v={