vuejs輸入未顯示值

Question

輸入綁定問題

:value 沒有顯示值沒有語法錯誤但是當我在其他地方使用 {{ row.item.FEE }} 時它工作正常。為什么它沒有在輸入字段中顯示值。 請幫忙。

    <b-form-input
      :value="row.item.FEE"
      v-model="model.Fee[row.item.id]"
      @change="changeField('FEE', model.Fee, row.item.id)"
    ></b-form-input>

Answer 1

我做了一些修改以使事情正常進行。

這是我更新的代碼

<b-form-input :value="row.item.MIN" @change="changeField('MIN', $event, row.item.id)"></b-form-input>

刪除了 v-model 以便我可以看到輸入字段中的值。 使用 $event 獲取 @Change Event 的更新值。

我希望它有所幫助。

Answer 2

見： https ://v2.vuejs.org/v2/guide/forms.html

v-model 將忽略在任何表單元素上找到的初始值、選中或選定屬性。 它將始終將 Vue 實例數據視為事實來源。 您應該在組件的 data 選項內聲明 JavaScript 端的初始值。

嘗試將其傳遞給函數。 此外，我確實認為您應該使用 v-model 的方法

methods.modelFee = function(id){
    return this.model.Fee[id]
}

    <b-form-input
      v-model="modelFee(row.item.id)"
      @change="changeField('FEE', model.Fee, row.item.id,row.item.FEE)"
    ></b-form-input>

Answer 3

有:value和v-model ，但:value將被忽略且不需要。

要初始化b-form-input的值，您可以在安裝組件時將 v-model 值mode.Fee[row.item.id]設置為期望值row.item.FEE 。

  <b-form-input
      v-model="model.Fee[row.item.id]"
      @change="changeField('FEE', model.Fee, row.item.id)"
    ></b-form-input>
...
  mounted() {
     this.model.Fee[this.row.item.id] = this.row.item.FEE;
  },