admin管理员组

文章数量:1640607

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，输入框也就无法修改

本文标签： 属性方法动态vuedisabled

版权声明：本文标题：vue 动态控制input的disabled属性的方法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1729320465a1195818.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。