编程 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下判断 iframe 是否加载完成的完美方法

Oct 26 Javascript

分享14个很酷的jQuery导航菜单插件

Apr 25 Javascript

window.print打印指定div实例代码

Dec 13 Javascript

JQuery中$(document)是什么意思有什么作用

Jul 21 Javascript

JavaScript直播评论发弹幕切图功能点集合效果代码

Jun 26 Javascript

Bootstrap select下拉联动（jQuery cxselect）

Jan 04 Javascript

js实现导航吸顶效果

Feb 24 Javascript

react-native 封装选择弹出框示例(试用ios&android)

Jul 11 Javascript

vue watch普通监听和深度监听实例详解(数组和对象)

Aug 16 Javascript

微信小程序实现带参数的分享功能(两种方法)

May 17 Javascript

jQuery实现checkbox全选、反选及删除等操作的方法详解

Aug 02 jQuery

教你部署vue项目到docker

Apr 05 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

ThinkPHP分组下自定义标签库实例

2014/11/01 PHP

php写入mysql中文乱码的实例解决方法

2019/09/17 PHP

原生js操作checkbox用document.getElementById实现

2013/10/12 Javascript

如何通过javascript操作web控件的自定义属性

2013/11/25 Javascript

jQuery中map()方法用法实例

2015/01/06 Javascript

JS实现横向与竖向两个选项卡Tab联动的方法

2015/09/27 Javascript

javascript中的altKey 和 Event属性大全

2015/11/06 Javascript

jQuery实现图片预加载效果

2015/11/27 Javascript

微信小程序实现图片上传功能实例（前端+PHP后端）

2018/01/10 Javascript

Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解

2018/03/13 Javascript

vue.js过滤器+ajax实现事件监听及后台php数据交互实例

2018/05/22 Javascript

Vue.js 父子组件通信的十种方式

2018/10/30 Javascript

JavaScript在web自动化测试中的作用示例详解

2019/08/25 Javascript

javascript设计模式 ? 原型模式原理与应用实例分析

2020/04/10 Javascript

微信小程序实现倒计时功能

2020/11/19 Javascript

JavaScript async/await原理及实例解析

2020/12/02 Javascript

[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示

2014/11/25 DOTA

python正则表达式修复网站文章字体不统一的解决方法

2013/02/21 Python

Python基于聚类算法实现密度聚类(DBSCAN)计算【测试可用】

2018/12/26 Python

Python爬虫:Request Payload和Form Data的简单区别说明

2020/04/30 Python

python 监控服务器是否有人远程登录（详细思路+代码）

2020/12/18 Python

Python绘制词云图之可视化神器pyecharts的方法

2021/02/23 Python

深入浅出CSS3 background-clip,background-origin和border-image教程

2011/01/27 HTML / CSS

法国奢华女性时尚配饰网上商店：Monnier Frères

2016/08/27 全球购物

魔声耳机官方网站：Monster是世界第一品牌的高性能耳机

2016/10/26 全球购物

Gap工厂店：Gap Factory

2017/11/02 全球购物

美国在线宠物商店：Chewy

2019/01/12 全球购物

彪马英国官网：PUMA英国

2019/02/11 全球购物

办公室人员先进事迹

2014/01/27 职场文书

上班玩游戏检讨书

2014/02/07 职场文书

观看信仰心得体会

2014/09/04 职场文书

2014年销售工作总结

2014/12/01 职场文书

2015年出纳工作总结与计划

2015/05/18 职场文书

2015年物资管理工作总结

2015/05/20 职场文书

一行代码python实现文件共享服务器

2021/04/22 Python

SQL注入详解及防范方法

2021/12/06 MySQL