Vue的ref和$refs

标签：bsp   htm   nbsp   showmodal   rgb   获取dom节点   oda   change   rgba   

<div class="exchange_modal" ref="modal" id="model" v-show="showModal" >

ref用于给DOM元素子组件注册引用信息，如果在普通元素上使用，引用信息就是普通元素；如果在子组件上使用，引用信息就是子组件实例

如果想在vue里直接操作DOM元素，必须使用ref属性注册引用信息

使用：this.$refs.model

$refs 是所有注册过的ref的一个集合

console.log(this.$refs.model) 或者 document.appendChild(this.$refs.model)

console.log(document.getElementById(model‘)）

 这两种方法获得的都是Dom节点，而$refs相对document.getElementById的方法，会减少获取dom节点的消耗。

Vue的ref和$refs

标签：bsp   htm   nbsp   showmodal   rgb   获取dom节点   oda   change   rgba   

原文地址：https://www.cnblogs.com/zhoujingye/p/14659369.html