首页 > 其他 > 详细

子组件向父组件传值

时间:2018-10-04 12:47:32      阅读:202      评论:0      收藏:0      [点我收藏+]

子向父传值://子组件像父组件传值的本质就是, 父向子传递方法,子调用这个方法, 同时把 数据当作参数 传递给这个方法
父组件:GoodsInfo.vue 子组件:goodsinfo_numbox.vue
1.GoodsInfo.vue 操作:1.导入子组件 import numbox from "/component/goodsinfo_numbox.vue"
2.data中注册;components:{numbox}
3.<numbox @getcount="getSelectCount"></numbox>
4. getSelectedCount(count) {
// 当子组件把 选中的数量传递给父组件的时候,把选中的值保存到 data 上
this.selectedCount = count;
console.log("父组件拿到的数量值为: " + this.selectedCount);
}
5.子组件:goodsinfo_numbox.vue操作: countChanged() {
// 每当 文本框的数据被修改的时候,立即把 最新的数据,通过事件调用,传递给父组件
// console.log(this.$refs.numbox.value);
this.$emit("getcount", parseInt(this.$refs.numbox.value));
}

//js实现路由导航
tthis.$router.push("home/goodinfro/"+id)

子组件向父组件传值

原文:https://www.cnblogs.com/huanhuan55/p/9741980.html

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