子组件向父组件传值

子向父传值://子组件像父组件传值的本质就是, 父向子传递方法,子调用这个方法, 同时把 数据当作参数 传递给这个方法
父组件: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