在v-for的循环中thisrefs.报undefined

在v-for的循环中thisrefs.报undefined

经过一番排查之后,我发现这个问题是ref的问题: 当template中直接使用ref时,它会直接返回ref,但是template中这个ref是在v-for中动态生成时,它返回的是一个数组,必须通过 this.$refs[refName].files[0]才可以获取到对应的元素。所以上面的方法在加一个判断即可实现。

        toright (){
        var a=0    
        var b =  this.$refs.longimg0[0]
        var c= document.getElementsByClassName("imglistbox")[0]
        console.log(this.$refs.longimg0);

        if(b.offsetLeft >= -(this.personList.length-6)*c.offsetWidth) {
        this.a=this.a-2.9
        b.style.left= this.a +'rem'   
        }else{ 
            this.personList=[...this.personList,...this.personList]
            // this.$message.warning("到底啦");
         }  
        },