VUE.js实现动态设置输入框disabled属性
时间：2021-01-27 10:40:04|栏目：vue|点击： 次
需求背景
页面从list列表展示，跳转到新增和修改的时候，新增和修改用的是同一个页面：add-or-update.vue。
修改的时候用户的账号不能修改，因此需要将账号的输入框属性设置为"只读"。
代码样例
<el-input v-model="dataForm.account" placeholder="账号" v-bind:disabled="dataForm.id!=0"></el-input> v-bind:disabled="dataForm.id!=0"
dataForm.id初始值为0
当修改操作时，dataForm.id是将要修改的那条数据的id，当新增时，dataForm.id是0
上一篇：Vue项目pdf(base64)转图片遇到的问题及解决方法
栏 目：vue
下一篇：vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
本文标题：VUE.js实现动态设置输入框disabled属性
本文地址：http://www.codeinn.net/misctech/52102.html
