VUE.js实现动态设置输入框disabled属性
2019-11-01 18:06
3263 查看
需求背景
页面从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.js实现动态设置输入框disabled属性就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- js动态修改input输入框的type属性(实现方法解析)
- js动态修改input输入框的type属性(实现方法解析)
- vue.js 实现输入框动态添加功能
- JS动态创建表格,动态设置属性,动态添加事件
- 通过js动态创建标签,并设置属性方法
- js动态设置输入框字体/颜色
- js 动态添加元素(div、li、img等)及设置属性的方法
- 怒,动态添加属性、动态设置类不能在服务器端实现。。。
- Vue+PHP+MySQL实现一次性多图片上传,js上传多张图片预览,QQ空间朋友圈微博图片动态发表(上)
- 点滴积累【JS】---JS小功能(JS实现动态添加运动属性)
- android实现界面左右滑动(GridView动态设置item,支持每个item按某个属性排序来显示在不同的界面)
- android实现界面左右滑动(GridView动态设置item,支持每个item按某个属性排序来显示在不同的界面)
- 【前端】vue.js实现按钮的动态绑定
- Vue 使用Props属性实现父子组件的动态传值
- 【前端】vue.js实现输入框绑定
- js和jquery设置disabled属性为true使按钮失效
- JS+style实现动态设置图片高宽
- JS+style实现动态设置图片高宽 升级 按比例缩小图片高宽 (9月24日修改)
- JS动态给对象添加属性和值的实现方法
- 用Vue.js实现监听属性的变化