编程 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 相关文章推荐

再次分享18个非常棒的jQuery表格插件

Apr 10 Javascript

javascript跟随滚动效果插件代码（javascript Follow Plugin）

Aug 03 Javascript

JavaScript作用域与作用域链深入解析

Dec 06 Javascript

jQuery异步验证用户名是否存在示例代码

May 21 Javascript

jQuery实现点击图片翻页展示效果的方法

Feb 16 Javascript

JavaScript中计算网页中某个元素的位置

Jun 10 Javascript

jquery 实现回车登录详解及实例代码

Oct 23 Javascript

ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案

Nov 23 Javascript

Vue DevTools调试工具的使用

Dec 05 Javascript

vue实现的上传图片到数据库并显示到页面功能示例

Mar 17 Javascript

解决vue js IOS H5focus无法自动弹出键盘的问题

Aug 30 Javascript

webpack4简单入门实例

Sep 06 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

防止用户利用PHP代码DOS造成用光网络带宽

2011/03/01 PHP

PHP中UNIX时间戳和日期间的转换与计算实例

2014/11/19 PHP

Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解

2016/03/07 PHP

php自定义时间转换函数示例

2016/12/07 PHP

用tip解决Ext列宽度不够的问题

2008/12/13 Javascript

jQuery 页面载入进度条实现代码

2009/02/08 Javascript

jquery text,radio,checkbox,select操作实现代码

2009/07/09 Javascript

js 对象是否存在判断

2009/07/15 Javascript

jQuery 标题的自动翻转实现代码

2009/10/14 Javascript

图像替换新技术状态域方法

2010/01/28 Javascript

node.js中的fs.open方法使用说明

2014/12/17 Javascript

检测一个函数是否是JavaScript原生函数的小技巧

2015/03/13 Javascript

jQuery中hover与mouseover和mouseout的区别分析

2015/12/24 Javascript

详解Vue中过度动画效果应用

2017/05/25 Javascript

AngularJS实现controller控制器间共享数据的方法示例

2017/10/30 Javascript

Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)

2018/08/16 Javascript

小程序云开发实战小结

2018/10/25 Javascript

详解vue 不同环境配置不同的打包命令

2019/04/07 Javascript

如何给element添加一个抽屉组件的方法步骤

2019/07/14 Javascript

Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法

2020/09/04 Javascript

Vue检测屏幕变化来改变不同的charts样式实例

2020/10/26 Javascript

[09:43]DOTA2每周TOP10 精彩击杀集锦vol.5

2014/06/25 DOTA

零基础写python爬虫之抓取百度贴吧并存储到本地txt文件改进版

2014/11/06 Python

Python实现Windows和Linux之间互相传输文件(文件夹)的方法

2017/05/08 Python

itchat接口使用示例

2017/10/23 Python

Python统计单词出现的次数

2018/04/04 Python

Pandas 缺失数据处理的实现

2019/11/04 Python

Python pygame绘制文字制作滚动文字过程解析

2019/12/12 Python

关于Keras Dense层整理

2020/05/21 Python

Gloeilampgoedkoop荷兰：在线购买灯泡

2019/02/16 全球购物

意大利值得信赖的在线超级药房：PillolaStore

2020/02/05 全球购物

房屋租赁合同解除协议书

2014/10/11 职场文书

2015年人事科工作总结

2015/04/28 职场文书

初中班主任工作随笔

2015/08/15 职场文书

2016年大学生就业指导课心得体会

2015/10/09 职场文书

2016应届毕业生实习心得体会

2015/10/09 职场文书