第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將數(shù)據(jù)傳遞給組件 Vue.js

將數(shù)據(jù)傳遞給組件 Vue.js

不負相思意 2022-05-14 14:58:52
我正在嘗試將數(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)有值填充字段。有誰知道可能是什么問題?我嘗試使用道具傳遞字段值,但我不知道這是正確的方法
查看完整描述

1 回答

?
Cats萌萌

TA貢獻1805條經(jīng)驗 獲得超9個贊

首先,父模板的 HTML 無效: q-list并且div之前沒有正確關(guān)閉。這可能是問題的一部分。


您需要先edit-field在父組件中導(dǎo)入并注冊組件,然后才能使用它。在import現(xiàn)有的export. 根據(jù)文件名和路徑,類似


import edit-field from '@/components/edit-field.vue';

然后,同樣在父組件中,更改選項以包含components用于注冊子組件的屬性,并在其中列出導(dǎo)入的組件,如下所示:


name: 'Registration',

components: {

  edit-field

},

data () {

...

您提到的道具用法看起來不錯,假設(shè)field在父級中有數(shù)據(jù)。


查看完整回答
反對 回復(fù) 2022-05-14
  • 1 回答
  • 0 關(guān)注
  • 145 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號