1. 程式人生 > >子組件向父組件傳值

子組件向父組件傳值

ets hang str value ons parse ood color home

子向父傳值://子組件像父組件傳值的本質就是, 父向子傳遞方法,子調用這個方法, 同時把 數據當作參數 傳遞給這個方法
父組件: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)

子組件向父組件傳值