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

js中单引号与双引号冲突问题解决方法

Oct 04 Javascript

js完美的div拖拽实例代码

Jan 22 Javascript

javascript单引号和双引号的区别和处理

May 14 Javascript

Javascript中Date类型和Math类型详解

Feb 27 Javascript

谈一谈jQuery核心架构设计

Mar 28 Javascript

jquery实现垂直和水平菜单导航栏

Aug 27 Javascript

AngularJs篇：使用AngularJs打造一个简易权限系统的实现代码

Dec 26 Javascript

微信小程序开发之animation循环动画实现的让云朵飘效果

Jul 14 Javascript

详解微信小程序Page中data数据操作和函数调用

Sep 27 Javascript

vue学习教程之带你一步步详细解析vue-cli

Dec 26 Javascript

详解Vue用cmd创建项目

Feb 12 Javascript

详解基于Wepy开发小程序插件(推荐)

Aug 01 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高自定义性安全验证码代码

2011/11/27 PHP

Zend Framework教程之动作的基类Zend_Controller_Action详解

2016/03/07 PHP

tp5(thinkPHP5)操作mongoDB数据库的方法

2018/01/20 PHP

PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】

2019/02/25 PHP

php设计模式之职责链模式实例分析【星际争霸游戏案例】

2020/03/27 PHP

jQuery判断div随滚动条滚动到一定位置后停止

2014/04/02 Javascript

JS中产生20位随机数以0-9为例也可以是a-z A-Z

2014/08/01 Javascript

jQuery对象的length属性用法实例

2014/12/27 Javascript

javascript中CheckBox全选终极方案

2015/05/20 Javascript

JavaScript中双符号的运算详解

2017/03/12 Javascript

Angular使用$http.jsonp发送跨站请求的方法

2017/03/16 Javascript

JS和JQuery实现雪花飘落效果

2017/11/30 jQuery

Vue-drag-resize 拖拽缩放插件的使用(简单示例)

2019/12/04 Javascript

Python中__call__用法实例

2014/08/29 Python

python爬虫入门教程--正则表达式完全指南（五）

2017/05/25 Python

Python数据结构与算法之使用队列解决小猫钓鱼问题

2017/12/14 Python

python PyTorch预训练示例

2018/02/11 Python

Python编程深度学习计算库之numpy

2018/12/28 Python

Python selenium根据class定位页面元素的方法

2019/02/26 Python

Python使用mongodb保存爬取豆瓣电影的数据过程解析

2019/08/14 Python

使用python制作一个解压缩软件

2019/11/13 Python

tensorflow模型保存、加载之变量重命名实例

2020/01/21 Python

python为QT程序添加图标的方法详解

2020/03/09 Python

python三引号如何输入

2020/07/06 Python

Python 解析库json及jsonpath pickle的实现

2020/08/17 Python

CSS3实现可翻转的hover效果

2018/05/23 HTML / CSS

IE9对HTML5中部分属性不支持的原因分析

2014/10/15 HTML / CSS

室内设计实习自我鉴定

2013/09/25 职场文书

村主任群众路线教育实践活动个人对照检查材料思想汇报

2014/10/01 职场文书

项目投资意向书范本

2015/05/09 职场文书

工厂员工辞职信范文

2015/05/12 职场文书

学生检讨书范文

2019/06/24 职场文书

大学生奖学金获奖感言（范文）

2019/08/15 职场文书

Linux、ubuntu系统下查看显卡型号、显卡信息详解

2022/04/07 Servers

Win11任务栏无法正常显示资源管理器不停重启的解决方法

2022/07/07 数码科技

PostgreSQL常用字符串分割函数整理汇总

2022/07/07 PostgreSQL