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.搞定