Vue ElementUI入力ボックスバインド未定義属性エラー編集不可


**v-model入力ボックスの内容をバインドする場合、未定義の属性が入力された場合、コードに入力ボックスの内容を初期化する際に直接
obj.a='xxx'

この値は入力ボックスに挿入されますが、入力ボックスが入力できなくなります.this.$setを割り当てておけば問題はありません.**
  • template(el-formなどの他のコードを省く)
  • <el-input v-model="obj.a" placeholder="   " >el-input>
    
  • 上の入力ボックスにバインドされているのはobjオブジェクトのa属性dataコード(export defaultなどの他のコードを省く)
  • である.
    data(){
    	obj:new Object()
    }
    
  • 上記の直接バインドにより初期化時にデータを修正する後に入力ボックスで入力しようとすると異常が発生し、入力が反応しない例えば初期化時に
  • が修正する.
    created(){
    	// ajax  axios             ,      
    	this.obj.a='admin'
    }
    

    このような操作を行うと、入力ボックスに初期値があるように見えますが、入力すると入力が反応しないことがわかります.
    created(){
    	// ajax  axios             ,      
    	this.$set(this.obj,'a','admin')
    }