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

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

vue動態(tài)綁定模型失敗

vue動態(tài)綁定模型失敗

開滿天機 2019-03-13 17:18:41
比如說當前這個vue組件下有一個變量key的值為tel,我想讓一個input組件根據(jù)這個key值的不同,綁定到不同的變量上,比如說key為tel這個字符串的時候,綁定到'create.form.'+key也就是綁定到create.form.key上。這就是動態(tài)綁定。請問一下vue中可以實現(xiàn)這種綁定嗎?<Input :v-model="'create.form.'+a"></Input>其中a是'tel'甚至是<Input :v-model="'create.form.tel'"></Input>綁定之后,實際修改create.form.tel這個數(shù)據(jù),并沒有反映在input輸入框中,說明沒有綁定上,請問一下原因是什么呢?vue不允許這樣綁定嗎?
查看完整描述

4 回答

?
躍然一笑

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

這個問題可以用computed,以下代碼


  <input v-model='com'>

  data () {

    return {

      type: 'a',

      form: {

        a: 123,

        b: 321

      }

    }

  },

  computed: {

    com () {

      return this.form[this.type]

    }

  },

  created () {

    setTimeout(() => {

      this.type = 'b'

    }, 1000)

  }

(為什么想動態(tài)改鍵而不是動態(tài)改值?


查看完整回答
反對 回復 2019-03-29
  • 4 回答
  • 0 關注
  • 593 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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