ref的使用

ref的使用

一、普通元素绑定ref ，获取dom元素

• document.querySelector('.wrapper')这种方式获取dom不好。很多的地方可能都叫wrapper,不准确。

• 普通元素上添加属性ref

<div ref="dd">ddddd</div>

• 获取使用

 console.log(this.$refs.dd);//获取dom

二、组件绑定ref，获取组件对象

• 组件上添加属性ref

<cpn ref="aa"></cpn>

• 获取使用

console.log(this.$refs.aa);//获取组件对象，可以操作使用组件对象的属性和方法
console.log(this.$refs.aa.name);//获取组件对象的属性
this.$refs.aa.showToast();//调用属性上的方法