编程 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 点击整页变灰的效果（可做退出效果）。

Jan 09 Javascript

jquery实现树形二级菜单实例代码

Nov 20 Javascript

jquery判断密码强度的验证代码

Apr 22 Javascript

基于JavaScript实现简单的随机抽奖小程序

Jan 05 Javascript

Javascript this 函数深入详解

Dec 13 Javascript

jQuery实现搜索页面关键字的功能

Feb 16 Javascript

vue.js实现含搜索的多种复选框（附源码）

Mar 23 Javascript

vue 国际化 vue-i18n 双语言语言包

Jun 07 Javascript

微信小程序导航栏跟随滑动效果的实现代码

May 14 Javascript

layer.js之回调销毁对话框的例子

Sep 11 Javascript

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

Apr 14 Javascript

ES6使用新特性Proxy实现的数据绑定功能实例

May 11 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/02/24 PHP

浅谈PHP的数据库接口和技术

2016/12/09 PHP

在TP5数据库中四个字段实现无限分类的示例

2019/10/18 PHP

In Javascript Class, how to call the prototype method.(three method)

2007/01/09 Javascript

改善你的jQuery的25个步骤千倍级效率提升

2010/02/11 Javascript

dojo学习第一天 Tab选项卡实现

2011/08/28 Javascript

offsetHeight在OnLoad中获取为0的现象

2013/07/22 Javascript

jQuery将多条数据插入模态框的示例代码

2014/09/25 Javascript

手机开发必备技巧：javascript及CSS功能代码分享

2015/05/25 Javascript

javascript自动恢复文本框点击清除后的默认文本

2016/01/12 Javascript

javascript学习之json入门

2016/12/22 Javascript

基于jQuery实现左侧菜单栏可折叠功能

2016/12/27 Javascript

Bootstrap的popover(弹出框)在append后弹不出(失效)

2017/02/27 Javascript

JavaScript实现简单精致的图片左右无缝滚动效果

2017/03/16 Javascript

Bootstrap学习笔记轮播（Carousel）插件

2017/03/21 Javascript

ES6实现的遍历目录函数示例

2017/04/07 Javascript

vue使用keep-alive实现数据缓存不刷新

2017/10/21 Javascript

使用sessionStorage解决vuex在页面刷新后数据被清除的问题

2018/04/13 Javascript

JavaScript享元模式原理与用法实例详解

2020/03/09 Javascript

[01:02:05]LGD vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.19

2018/08/21 DOTA

深入了解Python中pop和remove的使用方法

2018/01/09 Python

浅谈python可视化包Bokeh

2018/02/07 Python

Python 互换字典的键值对实例

2019/02/12 Python

Laravel+Dingo/Api 自定义响应的实现

2019/02/17 Python

Python神奇的内置函数locals的实例讲解

2019/02/22 Python

python同步两个文件夹下的内容

2019/08/29 Python

tf.concat中axis的含义与使用详解

2020/02/07 Python

Python实现爬取网页中动态加载的数据

2020/08/17 Python

python中yield的用法详解

2021/01/13 Python

CSS3制作酷炫的条纹背景

2017/11/09 HTML / CSS

Superdry极度乾燥官网：日本街头风格，纯英国制造品牌

2016/10/31 全球购物

颇特女士香港官网：NET-A-PORTER香港

2021/03/08 全球购物

网络工程与软件技术毕业生自荐信

2013/09/24 职场文书

党员专题组织生活会发言材料

2014/10/17 职场文书

个人学习总结范文

2015/02/15 职场文书

一篇文章带你掌握SQLite3基本用法

2022/06/14 数据库