当前位置: 首页 > 编程笔记 >

VUE.js实现动态设置输入框disabled属性

索嘉石
2023-03-14
本文向大家介绍VUE.js实现动态设置输入框disabled属性,包括了VUE.js实现动态设置输入框disabled属性的使用技巧和注意事项,需要的朋友参考一下

需求背景

页面从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属性就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • el-form设置全局disabled属性之后,子组件怎么设置disabled属性? 因为el-form设置了全局了disabled属性属性,活动形式项设置的:disabled="false"设置失效了,有什么方法可以使得子项设置的:disabled="false"生效? 尝试了在el-form-item外面包裹一层el-from,虽然设置的:disabled="false"属性可以生效了,但是由

  • 本文向大家介绍vue.js实现只能输入数字的输入框,包括了vue.js实现只能输入数字的输入框的使用技巧和注意事项,需要的朋友参考一下 在菜鸟教程里,看了vue.js的教程,看完后,练练手,就试着实现了只能输入数字的输入框。在之前的博客里,用jquery也实现了这样的功能,这里用vue.js来实现,把实现的过程记录下来 如果只是一个输入框,要实现就非常的简单了,输入框的内容和数据绑定,给数据加一个

  • 问题内容: 有没有一种方法可以设置文件输入()的值,还是为了安全起见将其全部阻止?我正在尝试使用Google Gears的openFiles创建一个简单的多上传器。 注意: 以下答案反映了2009年旧版浏览器的状态。现在,您实际上可以在2017年使用JavaScript动态/以编程方式设置文件输入元素的值。 有关详细信息和演示,请参见此问题的答案: 如何以编程方式设置文件输入值(即:拖放文件时)?

  • 问题内容: 我正在尝试向angular js的控制器中的div动态添加属性。 一切看起来都很好,在调试器中,我看到该属性已添加,但它不执行我的功能。您是否有任何想法如何向现有div添加属性以及如何使其起作用? 问题答案: 您需要重新编译div http://jsfiddle.net/r2vb1ahy/

  • 本文向大家介绍Android编程实现输入框动态自动提示功能,包括了Android编程实现输入框动态自动提示功能的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android编程实现输入框动态自动提示功能。分享给大家供大家参考,具体如下: 关于AutoCompleteTextView的使用,我想大家并不陌生,对其设定上Adapter后系统便能自己识别与匹配了。近期 一个项目中,需要做到匹配通

  • 我能想到的唯一方法是,在不进行上述尝试的情况下,从一个字符串中设置每个属性,遍历每个属性,并使用if-else或switch-case逻辑来确定调用哪一个dataSource设置器来设置值。 那么,有没有一种方法可以在不调用每个单独的setter的情况下从字符串中动态设置这些属性呢? 当我在或中设置用户名时,它确实发生了变化,但我认为这可能是针对用户名和密码的,因为我试图设置的其他属性没有效果。