vue中表單的動態繫結

2021-09-24 15:58:29 字數 641 閱讀 8329

有乙個表單:

<

el-form

:model

="configform"

>

el-form

>

如果configform初始化為{},此物件是動態變化的,如果後面賦值時,這樣

this.configform[key1] = '';

this.configform[key2] = '';

this.configform[key3] = ''

vue是檢測不到其變化的,vue只會檢測到其本身值(物件陣列為指標)變化,如果是物件,可以檢測初始化物件中已存在的屬性變化,而不會檢測到新增的屬性;

此時應該這樣:

var configform = {};
configform[key1] = '';

configform[key2] = '';

configform[key3] = '';

this.configform = configform;

給this.configform重新賦值,指標發生變化,vue會檢測到

相關學習: 

vue 表單 繫結

vue的表單 使用v model 來繫結資料,具有雙向繫結資料的效果 雙向繫結,及不僅可以通過js運算元據顯示,並且可以通過input 等輸入框改變data checkbox 的資料繫結 通過data 的ture or false 來確定是否是選定項 選項2選項3 選項4選項5 測試得到,check...

Vue 表單控制項繫結

v model指令在表單控制項元素上建立雙向資料繫結。v model對應的也是data裡面的資料並可以改變data資料。v model message placeholder edit me message id p v model message placeholder add multiple ...

vue 表單控制項繫結

v model 指令可以在表單控制項上建立雙向資料繫結。它會根據控制項型別自動選取正確的方法來更新元素。v model message placeholder edit me message is p 當使用者操作文字框時,name會自動更新為使用者輸入的值,p的內容也會隨之改變。example t...