正常情况下通过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)'
},