编程 Javascript

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

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

- Author -

HB15093703910

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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