亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

為不同的模型分配相同的值,它們協同工作

為不同的模型分配相同的值,它們協同工作

aluckdog 2022-09-23 09:15:59
我很抱歉,如果有一個不恰當的表達,因為它是谷歌翻譯我想知道解決方案或解決方法我試圖在nuxt + vue + vuetfy環境中實現以下目標?使用API獲取用戶信息并在屏幕上顯示?按下編輯按鈕時,將顯示一個對話框并編輯用戶信息?但是,如果您更改編輯屏幕上的值,則背面的顯示也會一起更改。<v-text-field label="name" readonly :value="userDetail.name"/><v-dialog v-model="dialog">  <v-text-field label="name" v-model="userEdit.name"/></v-dialog>async getUser () {this.userDetail = API RESPONSEthis.userEdit = API RESPONSE}我能夠通過使用另一種方法分配值來避免它,但它并不好async getUser () {this.userDetail = API RESPONSE}async getUser2 () {this.userEdit = API RESPONSE}感謝您的閱讀
查看完整描述

1 回答

?
墨色風雨

TA貢獻1853條經驗 獲得超6個贊

您在此處使用 v 綁定指令:。其目的是在變量值更改時更新 DOM。:value="userDetail.name"


您必須在 中創建一個新屬性,以保存要在文本字段中顯示的舊名稱。data


例如:


data() {

  return {

    oldName: ''

    ...

  }

}

async getUser () {

  this.userDetail = API RESPONSE

  this.oldName = this.userDetail.name

}

更改為 。:value="userDetail.name":value="oldName"


查看完整回答
反對 回復 2022-09-23
  • 1 回答
  • 0 關注
  • 91 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號