我有一個名為 Messaging Tool 的組件
這些是訊息傳遞工具中的所有子組件。
這是它在視覺上的樣子：
這 3 個通道打開它們自己的表單，用于通過適當的通道發送訊息。他們是那些：
單擊“保存文本”復選框后，我需要以 CSV 格式匯出欄位。單擊此發送訊息后，將出現一個確認模式。
我必須保存所有這些欄位屬性，并在父組件上執行 CSV 保存或向 API 發送訊息。
我的問題是我該怎么做？如何保存子組件值？顯然我可以保存勾選框值，因為它們位于主父組件中，但是，當執行父按鈕中的勾選框或按鈕時，如何將所有這些屬性保存在子組件中？
uj5u.com熱心網友回復：
在 Vue 2 中，您可以將v-model所有<child>. 這樣，您可以在父級中為每個子級設定一個變數，子級可以使用該變數將其狀態同步到父級：
https://vuejs.org/v2/guide/components.html#Using-v-model-on-Components
請注意，Vue 2 僅支持v-model單個值。如果孩子需要將多個值同步到父母，您可以改用.sync修飾符：
https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier
如果您使用 Vue 3，則可以使用多個v-model：
https://v3.vuejs.org/guide/component-custom-events.html#v-model-arguments
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/352917.html
下一篇：如何以不同的名稱上傳多個檔案