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 相关文章推荐
一些技巧性实用js代码小结
Oct 14 Javascript
js完美的div拖拽实例代码
Jan 22 Javascript
js实现非常简单的焦点图切换特效实例
May 07 Javascript
js弹出对话框方式小结
Nov 17 Javascript
jquery trigger函数执行两次的解决方法
Feb 29 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
Jul 26 Javascript
深入浅析JavaScript中的RegExp对象
Sep 18 Javascript
基于javascript中的typeof和类型判断(详解)
Oct 27 Javascript
JS函数节流和函数防抖问题分析
Dec 18 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
JavaScript动态生成表格的示例
Nov 02 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
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
PHP中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
一段php加密解密的代码
2007/07/16 PHP
php at(@)符号的用法简介
2009/07/11 PHP
php set_time_limit()函数的使用详解
2013/06/05 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
33种Javascript 表格排序控件收集
2009/12/03 Javascript
js 弹出框 替代浏览器的弹出框
2010/10/29 Javascript
JavaScript实现简单图片滚动附源码下载
2014/06/17 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
微信小程序 教程之注册程序
2016/10/17 Javascript
javascript 定时器工作原理分析
2016/12/03 Javascript
Bootstrap源码解读表单(2)
2016/12/22 Javascript
JS异步文件分片断点上传的实现思路
2016/12/25 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
解决Mac node版本升级失败的问题
2018/05/16 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
微信小程序实现带缩略图轮播效果
2018/11/04 Javascript
分享Angular http interceptors 拦截器使用(推荐)
2019/11/10 Javascript
[46:53]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python实现将n个点均匀地分布在球面上的方法
2015/03/12 Python
django model去掉unique_together报错的解决方案
2016/10/18 Python
Python内存读写操作示例
2018/07/18 Python
解决Python设置函数调用超时,进程卡住的问题
2019/08/08 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
python range实例用法分享
2020/02/06 Python
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
英国航空官网:British Airways
2016/09/11 全球购物
美国知名艺术画网站:Art.com
2017/02/09 全球购物
班级德育工作实施方案
2014/02/21 职场文书
工厂门卫岗位职责范本
2014/04/04 职场文书
怎样拟定创业计划书
2014/05/01 职场文书
优秀团员自我评价
2015/03/10 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python