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"   -----------常用