input輸入框取消disabled屬性

 場景： 頁面左邊是表格，右邊是form表單，點擊表格行，表單出現對應信息，但是是禁用狀態（即不可修改），當選中行，在點擊修改按鈕時，表單切換成可以編輯狀態。

 <a-form-model-item label="座機號">
   <a-input :disabled="disabled" v-model="userList.usrSms"/>
 </a-form-model-item> //disabled前面加上":"

prop 是單向綁定的：當父組件的屬性變化時，將傳導給子組件，但是不會反過來。這是為了防止子組件無意修改了父組件的狀態，

另外，每次父組件更新時，子組件的所有 prop 都會更新為最新值。這意味着不應該在子組件內部改變 prop。如果這么做了，Vue 會在控制台給出警告。

 

1.使用變量儲存prop的初始值，並使用watch來觀察prop的值的變化

props: ['true'],
  watch: {
    true () {
      this.disabled = this.true
    }
  },

2.通過下面代碼重新賦值

this.disabled = false;

3.搞定