vue 动态控制input的disabled属性的方法

html代码

  <el-input v-model="ruleForm.price" type="number" v-bind:disabled='ruleForm.name===""'></el-input>

主要是通过 v-bind:disabled 绑定 ruleForm.name的值来动态判断是否添加 disabled 属性，而 ruleForm.name的默认初始值为0，新增时不会添加此属性；当点击修改时，ruleForm.name的值就是当前所要修改的数据记录的name，此时name不为0，因此 disabled 属性值就被设为 disabled，输入框也就无法修改