首页 > 其他 > 详细

vue组件间数据传递($parent,$refs)

时间:2020-11-30 15:27:29      阅读:35      评论:0      收藏:0      [点我收藏+]

今天和大家分享一下关于,$parnt和$refs($children)。自己看书看不明白,还是实际操作了调试一下,真的是非常好用!

我们都知道 this.$parent 直接获取父组件,并通过 this.$parent.datas (datas 是父组件 data中的内容 )获取子组件数据 this.$children不好用,这里不细说了,

而这里用到的是$refs(子链),也很好用只需要在调用的子组件的时候,在标签内加上 ref=‘自建名‘技术分享图片

 

 在父组件中通过 this.$refs.formdata.datas(datas为子组件的data数据),使用起来很容易。而且还可以这样用:

技术分享图片

 

孙组件想获取子1的数据sum:

技术分享图片

 

 子1组件的ref=‘formdata‘,两级父亲一级儿子,其实再长都可以,获取组件间的数据的方法有很多,每一种都有自己的特点,我还没挖掘完,以后会更的!

 

 来源于:vue.js实战(没有点vue基础很难吃透)

vue组件间数据传递($parent,$refs)

原文:https://www.cnblogs.com/zjy-lx00/p/14060612.html

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