Bootstrap

vue动态渲染ref,获取this.$refs.xxx.style为undefined获取循环元素中的style

正常情况下通过this.$refs.xxx.style获取是没问题的,本文遇到的是要获取循环列表中某一元素,并改变其样式
设置ref在v-for列表上,直接获取this. r e f s . n a m e . s t y l e ,永远是空的, t h i s . refs.name.style,永远是空的, this. refs.name.style,永远是空的,this.refs.name是一个数组,无法通过 .style 获取样式,
只能遍历这个this. r e f s . n a m e 数组,在 t h i s . refs.name数组,在this. refs.name数组,在this.refs.name[index]上设置样式

<div class="left_floor">
                <div 
                    ref="ll" 
                    @mouseleave='handleLeave(i)' 
                    @mouseover="llOver(i)" 
                    v-for="(item,i) in 49" 
                    :key="i" :style="{bottom: i*10+'px'}"></div>
            </div>
     </div>
llOver(index){
    this.floor = index+1
     this.$refs.ll[index].style.backgroundColor = 'rgb(8, 20, 75)'
 },
;