首页 > 其他 > 详细

vue的ref与$refs

时间:2017-12-29 17:12:53      阅读:187      评论:0      收藏:0      [点我收藏+]

 一. ref使用在父组件上

父组件html:

  <information ref=‘information‘></information>

  import information from ‘./information‘

  components:{information,bill,means},

在父组件上使用子组件的值,js :this.$refs.information.isAdd;   isAdd是information组件的data的属性。

二.ref使用在元素上

例如本组件html:

<p  ref="outsideDomRef">ref在外面的元素上</p>

本组件js使用:this.$refs.outsideDomRef;  //<p>ref在外面的元素上</p>

三.ref使用在子组件上

子组件上有

<h5 ref=‘insideDomRef‘>我是子组件</h5>

父组件上可以引用子组件的值:this.$refs.insideDomRef// <h5 >我是子组件</h5>

 

vue的ref与$refs

原文:https://www.cnblogs.com/wulinzi/p/8145425.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!