Java教程

ref的使用

本文主要是介绍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();//调用属性上的方法
这篇关于ref的使用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航