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

下载网站打开页面后间隔多少时间才显示下载链接地址的代码

Apr 25 Javascript

使用jquery选择器如何获取父级元素、同级元素、子元素

May 14 Javascript

jquery中post方法用法实例

Oct 21 Javascript

jQuery中[attribute!=value]选择器用法实例

Dec 31 Javascript

自定义刻度jQuery进度条及插件

Sep 02 Javascript

第五篇Bootstrap 排版

Jun 21 Javascript

canvas 绘制圆形时钟

Feb 22 Javascript

微信小程序遇到修改数据后页面不渲染的问题解决

Mar 09 Javascript

详解webpack+es6+angular1.x项目构建

May 02 Javascript

Vue cli+mui 区域滚动的实例代码

Jan 25 Javascript

jquery 实现拖动文件上传加载进度条功能

Mar 18 jQuery

js实现自动锁屏功能

Jun 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

PHP实现登陆并抓取微信列表中最新一组微信消息的方法

2017/07/10 PHP

yii2的restful api路由实例详解

2019/05/14 PHP

PHP Cli 模式设置进程名称的方法

2019/06/12 PHP

php新建文件的方法实例

2019/09/26 PHP

在IE下：float属性会影响offsetTop的取值

2006/12/22 Javascript

javascript之通用简单的table选项卡实现(二)

2010/05/09 Javascript

在javascript中执行任意html代码的方法示例解读

2013/12/25 Javascript

跟我学Nodejs（一）--- Node.js简介及安装开发环境

2014/05/20 NodeJs

jQuery实现自定义checkbox和radio样式

2015/07/13 Javascript

jQuery animate easing使用方法图文详解

2016/06/17 Javascript

jQuery实现页面顶部下拉广告

2016/12/30 Javascript

微信小程序数据交互与渲染实例详解

2017/01/21 Javascript

JS基于正则截取替换特定字符之间字符串操作示例

2017/02/03 Javascript

vuejs响应用户事件（如点击事件）

2017/03/14 Javascript

详解angularjs 关于ui-router分层使用

2017/06/12 Javascript

Vue filter介绍及其使用详解

2017/10/21 Javascript

详解Vuex管理登录状态

2017/11/13 Javascript

Vue 实现列表动态添加和删除的两种方法小结

2018/09/07 Javascript

JavaScript自动生成年月范围选择功能完整示例【基于jQuery插件】

2019/09/03 jQuery

JS实现公告上线滚动效果

2021/01/10 Javascript

js实现鼠标切换图片（无定时器）

2021/01/27 Javascript

[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/16 DOTA

Python多进程并发(multiprocessing)用法实例详解

2015/06/02 Python

python中使用zip函数出现错误的原因

2018/09/28 Python

详解Python3 pandas.merge用法

2019/09/05 Python

Python爬取知乎图片代码实现解析

2019/09/17 Python

使用python实现画AR模型时序图

2019/11/20 Python

PyCharm Ctrl+Shift+F 失灵的简单有效解决操作

2021/01/15 Python

python解包用法详解

2021/02/17 Python

Opencv 图片的OCR识别的实战示例

2021/03/02 Python

仓管岗位职责范本

2014/02/08 职场文书

动漫设计与制作专业推荐信

2014/07/07 职场文书

MySQL分库分表详情

2021/09/25 MySQL

解析mybatis-plus中的resultMap简单使用

2021/11/23 Java/Android

MySQL如何修改字段类型和字段长度

2022/06/10 MySQL

JavaScript中10个Reduce常用场景技巧

2022/06/21 Javascript