ref和this.$refs

2024.5.31日笔记

1. ref加在普通元素上，用this.$refs.ref值获取到的是dom元素。

        
    this.$refs.myButton.style.backgroundColor = 'blue'; 可以获取button后设置其style.backgroundColor改变背景颜色。

2. ref加在子组件上，用this.$refs.ref值获取到的是组件实例，可以使用组件的所有方法，使用方法时则this.$refs.ref值.方法（）就可以使用了。

3. 利用v-for和ref获取一组数据或dom节点，如果希望通过v-for遍历加不同的ref，需要使用冒号，即:ref （其他属性通常也是这样，加：说明后面的是一个变量或表达式，不加则为固定值，常量）

   
   this.$refs['test'+t.code]获取到的是一个数组