编程 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 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