vue获取dom元素

286 阅读1分钟

vue获取dom元素

document.querySelector('.wrapper')这种方式不好。很多的地方可能都叫wrapper,不准确
vue中准确的拿到那个元素用ref,ref是绑定给子组件
普通元素也可以绑定ref
ref如果是绑定在组件中的,那么通过this.$refs.ref的name获取得到的是一个组件对象
代码如下:

<div ref="aa"></div>
console.log(this.$refs.aa) //组件对象,this.$refs=>对象类型,默认是个空的对象,要在组件上加属性ref,如ref="aa"   -----------常用

ref如果是绑定在普通的元素中的,那么通过this.$refs.ref的name获取到的是一个元素对象
代码如下:

<div ref="dd>ddddd</div>  
console.log(this.$refs.dd)  //获取dom