子组件向父组件传值

Posted 2021-01-13 huanhuan55

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