vue v-for 下的$ref 返回数组

如果refs自身的dom,或父级的dom是经过v-for渲染出来的,vue框架就会把 ref.key在registerRef函数就被设置成数组


v-for渲染父级dom


渲染出的ref为数组

因此获取对应dom元素的时候主要要考虑两个方面

1、使用vue的this.$nextTick方法解决获取不到元素的问题;

2、因为ref获取的元素变成了数组属性,因此要在多个refs中使用【0】取;


你可能感兴趣的:(vue v-for 下的$ref 返回数组)