【Vue】vue获取dom元素

发布时间 2023-07-20 14:46:50作者: Phoenixy

vue中准确的拿到那个元素用ref,ref是绑定给子组件 <普通元素也可以绑定ref>

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

 

html

<div ref='a'> aaaaa </div>
<cpn ref='b'> bbbbb </cpn>

 

js

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