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

二、vue学习--父元素如何获取子元素的值,子元素如何获取父元素的值

时间:2017-08-05 17:57:14      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:定义   根据   分享   自己的   src   技术   images   alt   事件   

 
下图是父元素:
技术分享
下图是子元素,获取父元素的值,使用props定义属性,这样就可以获取到父元素上传过来的set 、place、type,拿到值就可以做一些自己的逻辑处理
技术分享
二、子元素给父元素传值?
下图为子元素将值传递出去的方式,使用emit将值公布给父元素,见下图:
技术分享
父元素需要接受子元素给的值,在父元素中相应的要有propMethods属性,这个属性可以使用v-on的方式绑定,也可以使用@propMethods的方式,见下图:
技术分享
上图中的login是处理事件,这里点击按钮时需要子元素来触发事件,所以需要父元素根据子元素传过来的的属性来做一些逻辑处理,下图就是父元素login事件的处理逻辑写在login.vue里
技术分享

 

二、vue学习--父元素如何获取子元素的值,子元素如何获取父元素的值

标签:定义   根据   分享   自己的   src   技术   images   alt   事件   

原文地址:http://www.cnblogs.com/gunelark/p/7290754.html

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