VUE.js实现动态设置输入框disabled属性
更新时间：2019年10月28日 09:27:28 作者：HB15093703910
今天小编就为大家分享一篇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属性就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章给大家介绍了通过vue的方式，实现扫码功能，实现步骤分为两步，本文通过实例代码给大家介绍的非常详细，感兴趣的朋友跟随小编一起看看吧2021-11-11
这篇文章主要介绍了用vue简单的实现点击按钮切换背景颜色，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-06-06
本篇文章主要介绍了详解基于vue-cli配置移动端自适应，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
elementUI如何动态给el-tree添加子节点数据children详解
element-ui 目前基本成为前端pc网页端标准ui框架,下面这篇文章主要给大家介绍了关于elementUI如何动态给el-tree添加子节点数据children的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
这篇文章主要为大家详细介绍了如何通过Vue3实现简单的转盘抽奖效果,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的可以了解一下2023-10-10
本篇文章主要介绍了详解Vue整合axios的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要介绍了vue+element的表格实现批量删除功能示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了vue再次进入页面不会再次调用接口请求问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了Vue3.x中使用element-plus的各种方式详解，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
本文主要介绍了Vue不能监听(watch)数组变化的解决方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
最新评论