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

JavaScript 学习点滴记录

Apr 24 Javascript

.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)

Mar 11 Javascript

Jquery 实现弹出层插件

Jan 28 Javascript

5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例

Jan 29 Javascript

简介JavaScript中的setTime()方法的使用

Jun 11 Javascript

举例讲解JavaScript中关于对象操作的相关知识

Nov 16 Javascript

vue.js利用defineProperty实现数据的双向绑定

Apr 28 Javascript

layui实现table加载的示例代码

Aug 14 Javascript

JavaScript实现PC端四格密码输入框功能

Feb 19 Javascript

koa-passport实现本地验证的方法示例

Feb 20 Javascript

解决vue动态路由异步加载import组件,加载不到module的问题

Jul 26 Javascript

vue使用exif获取图片经纬度的示例代码

Dec 11 Vue.js

关于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信号处理机制的操作代码讲解

2019/04/19 PHP

PHP常量及变量区别原理详解

2020/08/14 PHP

[JS源码]超长文章自动分页（客户端版）

2007/01/09 Javascript

JQuery的AJAX实现文件下载的小例子

2013/05/15 Javascript

js 跳出页面的frameset框架示例介绍

2013/12/23 Javascript

我的NodeJs学习小结（一）

2014/07/06 NodeJs

jQuery中extend函数的实现原理详解

2015/02/03 Javascript

浅析函数声明和函数表达式——函数声明的声明提前

2016/05/03 Javascript

移动端js触摸事件详解

2016/09/18 Javascript

JavaScript 闭包机制详解及实例代码

2016/10/10 Javascript

微信小程序开发工具快捷键整理

2016/10/31 Javascript

JavaScript仿百度图片浏览效果

2016/11/23 Javascript

实例解析js中try、catch、finally的执行规则

2017/02/24 Javascript

js canvas实现放大镜查看图片功能

2017/06/08 Javascript

激动人心的 Angular HttpClient的源码解析

2017/07/10 Javascript

vue数字类型过滤器的示例代码

2017/09/07 Javascript

angular第三方包开发整理(小结)

2018/04/19 Javascript

ionic grid(栅格)九宫格制作详解

2018/06/30 Javascript

react.js组件实现拖拽复制和可排序的示例代码

2018/08/20 Javascript

了解JavaScript函数中的默认参数

2019/05/30 Javascript

微信小程序实现左侧滑栏过程解析

2019/08/26 Javascript

微信小程序中插入激励视频广告并获取收益(实例代码)

2019/12/06 Javascript

js实现简单的贪吃蛇游戏

2020/04/23 Javascript

Python协程的用法和例子详解

2017/09/09 Python

Numpy掩码式数组详解

2018/04/17 Python

英国女士家居服网站：hush

2017/08/09 全球购物

关于递归的一道.NET面试题

2013/05/12 面试题

自荐书格式

2013/12/01 职场文书

三年大学自我鉴定

2014/01/16 职场文书

见习期自我鉴定

2014/01/31 职场文书

《愚公移山》教学反思

2014/02/20 职场文书

报关报检委托书

2014/04/08 职场文书

2015社区爱国卫生工作总结

2015/04/21 职场文书

《静夜思》教学反思

2016/02/17 职场文书

Pyqt5将多个类组合在一个界面显示的完整示例

2021/09/04 Python

python数字图像处理之图像的批量处理

2022/06/28 Python