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

vue中父子组件传值

时间:2018-11-28 19:38:02      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:efault   绿色   通过   bubuko   图片   nbsp   定义   没有   14.   

vue中,在子组件设置props对象,来接受父组件传来的值

父组件中,:冒号后面的绿色变量必须和子组件中props的变量保持一致

技术分享图片

子组件:

技术分享图片

type设置值的类型

default设置默认值,当没有给子组件传值时使用default里的内容

 

子传父: $emit

如果是子组件想传递数据给父组件,需要派发自定义事件,使用 $emit 派发,
父组件使用v-on接收监控(v-on可以简写成@)

父组件在html代码中这样接收,changeSelect是一个自己在methods中定义的方法

技术分享图片

子组件在methods里通过$emit派发

技术分享图片

 

vue中父子组件传值

标签:efault   绿色   通过   bubuko   图片   nbsp   定义   没有   14.   

原文地址:https://www.cnblogs.com/zhaozhaoli/p/10034063.html

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