VUE.js实现动态设置输入框disabled属性的方法-创新互联

小编给大家分享一下VUE.js实现动态设置输入框disabled属性的方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、网站建设、无极网络推广、微信小程序开发、无极网络营销、无极企业策划、无极品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;成都创新互联公司为所有大学生创业者提供无极建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

需求背景

页面从list列表展示,跳转到新增和修改的时候,新增和修改用的是同一个页面:add-or-update.vue。

修改的时候用户的账号不能修改,因此需要将账号的输入框属性设置为"只读"。

代码样例


v-bind:disabled="dataForm.id!=0"

dataForm.id初始值为0

当修改操作时,dataForm.id是将要修改的那条数据的id,当新增时,dataForm.id是0

看完了这篇文章,相信你对“VUE.js实现动态设置输入框disabled属性的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联成都网站设计公司行业资讯频道,感谢各位的阅读!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前题目:VUE.js实现动态设置输入框disabled属性的方法-创新互联
分享链接:http://scyanting.com/article/dejgso.html