VUE.js实现动态设置输入框disabled属性


Posted in Javascript onOctober 28, 2019

需求背景

页面从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属性就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Microsoft Ajax Minifier 压缩javascript的方法
Mar 05 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
Sep 09 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
May 28 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
Jul 07 Javascript
微信小程序 支付功能开发错误总结
Feb 21 Javascript
微信小程序 sha1 实现密码加密实例详解
Jul 06 Javascript
laydate日历控件使用方法详解
Nov 20 Javascript
初探js和简单隐藏效果的实例
Nov 23 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
Aug 27 Javascript
react如何快速设置文件路径别名
Apr 28 Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
Oct 24 Javascript
关于vue组件事件属性穿透详解
Oct 28 #Javascript
对vue中的事件穿透与禁止穿透实例详解
Oct 28 #Javascript
vue h5移动端禁止缩放代码
Oct 28 #Javascript
在Vue项目中,防止页面被缩放和放大示例
Oct 28 #Javascript
element-ui 本地化使用教程详解
Oct 28 #Javascript
vue 全局环境切换问题
Oct 27 #Javascript
vue 父组件通过v-model接收子组件的值的代码
Oct 27 #Javascript
You might like
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
php基于session实现数据库交互的类实例
2015/08/03 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
js实现的早期滑动门菜单效果代码
2015/08/27 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
2015/10/29 Javascript
JS之获取样式的简单实现方法(推荐)
2016/09/13 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
JavaScript判断浏览器及其版本信息
2017/01/20 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
vue实现的上传图片到数据库并显示到页面功能示例
2018/03/17 Javascript
原生JS实现留言板功能
2020/02/08 Javascript
VSCode launch.json配置详细教程
2020/06/18 Javascript
跟老齐学Python之??碌某?? target=
2014/09/12 Python
Python实现多并发访问网站功能示例
2017/06/19 Python
Python并发之多进程的方法实例代码
2018/08/15 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
python中web框架的自定义创建
2019/09/08 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
详解Python中import机制
2020/09/11 Python
全球速卖通法国在线交易平台:AliExpress法国
2017/07/07 全球购物
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
药品业务员岗位职责
2014/04/17 职场文书
农民工讨薪标语
2014/06/26 职场文书
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
党的群众路线教育实践活动个人整改措施材料
2014/11/04 职场文书
2015年全国保险公众宣传日活动方案
2015/05/06 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书
vue elementUI批量上传文件
2022/04/26 Vue.js