父組件father.vue:<template><div>
<A></A>
<B></B></div></template>其中A組件為table組件，table中的數據由father組件傳入。B為添加Form表單數據的組件，想實現通過B組件增加數據到A組件的table中，該如何寫vue代碼？
1 回答
阿波羅的戰車
TA貢獻1862條經驗 獲得超6個贊
<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組件添加表單后通過$emit('on-add', newData)通知父組件添加數據，A組件也就隨之更新了
添加回答
舉報
0/150
提交
取消