** 例如,在这里,当我单击按钮时,我将多一个组件,这意味着它将有新数据,所以我想在按下“保存数据”按钮时将所有信息收集到一个数组中,我希望,很容易理解
<Child v-for="count in btnNumber" :key="count" @showData="getElements" /> <v-btn color="primary" elevation="10" class="space" large @click="duplicateEl" >Add Categ & Key</v-btn > v-btn color="secondary" elevation="13" class="btnEl" dark large @click="getResult" >Save Data</v-btn
** 它使用 Emit 从我的子组件获取数据
methods:{ getElements(emitPayload) { this.selectedChildCategory = emitPayload.selectedCateg; this.selectedChildKey = emitPayload.selectedKey; this.selectedChildLanguage = emitPayload.selectedLang; this.selectedChildContent = emitPayload.selectedCon; } } duplicateEl() { this.btnNumber++; }
尝试将发出事件的数据(从获取元素)保存到新的数据变量数组,并使用该数组
您可以在父组件上保存数据,请查看以下代码片段: