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();//调用属性上的方法
上一篇:了解下C# 判断


下一篇:LeetCode 5994. 查找给定哈希值的子串