码迷,mamicode.com
首页 > 其他好文 > 详细

vue的ref与$refs

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

标签:color   from   ack   word   属性   body   orm   back   log   

 一. 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

标签:color   from   ack   word   属性   body   orm   back   log   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!