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