父組件father.vue:<template><div>
<A></A>
<B></B></div></template>其中A組件為table組件，table中的數(shù)據(jù)由father組件傳入。B為添加Form表單數(shù)據(jù)的組件，想實(shí)現(xiàn)通過(guò)B組件增加數(shù)據(jù)到A組件的table中，該如何寫vue代碼？
1 回答
阿波羅的戰(zhàn)車
TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊
<template>
<div>
<A :table-data="tableData"></A>
<B @on-add="onAddTableData"></B>
</div></template><script>
export default {
data() { return { tableData: [],
};
}, methods: {
onAddTableData(data) { this.tableData.push(data);
},
},
};</script>大概是這樣的流程，B組件添加表單后通過(guò)$emit('on-add', newData)通知父組件添加數(shù)據(jù)，A組件也就隨之更新了
添加回答
舉報(bào)
0/150
提交
取消