vue中获取dom元素
- document.querySelector(\'.wrapper\')这种方式不好。很多的地方可能都叫wrapper,不准确
- vue中准确的拿到那个元素用ref,ref是绑定给子组件
- 普通元素也可以绑定ref
- ref如果是绑定在组件中的，那么通过this.$refs.
ref的name获取到的是一个组件对象 - ref如果是绑定在普通的元素中的，那么通过this.$refs.
ref的name获取到的是一个元素对象
<cpn ref="aa"></cpn>
<div ref="dd">ddddd</div>
console.log(this.$refs.dd);//获取dom
console.log(this.$refs.aa);//组件对象，this.$refs=>对象类型,默认是个空的对象,要在组件上加属性ref,如ref="aa" -----------常用