有乙個表單:
<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...