您的位置:首页 > 产品设计 > UI/UE

Vue 组件传值

2018-03-06 15:05 369 查看
 父组件获取子组件数据  
父组件
<div>
<v-recharge :rechargeMoney="rechargeMoney" v-on:childMessage="getFlagVal"></v-recharge>
</div>
methods: {
getFlagVal:function (val) {
this.rechargeFlag  = val.rechargeFlag;
}

}
子组件 
this.$emit(
'childMessage',{
rechargeFlag:false
}
)

子组件获取父组件传递的数据
父组件
<div>
<v-typeHeader :urlType="2"></v-typeHeader>
</div>子组件 
props: ['urlType'],
mounted:function () {
console.log(this.urlType)
},理解还浅,不太清楚写法是否正确,目前可以获取我想要用到的数据,欢迎指正
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: