我正在嘗試將數(shù)據(jù)從一個組件傳遞到另一個組件,但存在一些問題。有人可以幫忙嗎?這是我的代碼:<template> <div class="q-pa-md" style="max-width: 900px"> <div v-if="fields.length"> <q-item-label header>User settings</q-item-label> <q-list v-for="field in fields" :key="field.id"> <div v-if="field.type == 'singleLine'"> <q-item> <q-item-section> <s-input :label="field.name" :rule="field.rule" :required="field.required" :type="field.fieldType" /> </q-item-section> <q-item-section side top> <div style="display: inline-flex;"> <div> <q-icon name="edit" color="blue" size="md" @click="editField = true"/> <q-tooltip> Edit {{ field.name }} field </q-tooltip> </div> </div> </q-item-section> </q-item> </div> <q-dialog v-model="editField"> <edit-field :field="field" > </edit-field> </q-dialog> </div></template>export default { name: 'Registration', data() { return { newItem: true, titleAction: null, title: null, titleHideEvent: false, editField: false, fields: {}, field: {}, loading: false } }, methods: {}, mounted() { this.titleAction = 'Registration' this.titleHideEvent = true }}當(dāng)我單擊編輯按鈕時,它會打開模式,但不會用現(xiàn)有值填充字段。有誰知道可能是什么問題?我嘗試使用道具傳遞字段值,但我不知道這是正確的方法
將數(shù)據(jù)傳遞給組件 Vue.js
不負相思意
2022-05-14 14:58:52