当前位置: 首页 > article >正文

Vue动态控制disabled属性

参考:https://blog.csdn.net/guhanfengdu/article/details/126082781

在Vue中disabled:的值是受布尔值影响的,false为关闭禁用,true为开启禁用效果。
在这里插入图片描述
在这里插入图片描述
结果就是true会让按钮禁用
在这里插入图片描述
相反false会让按钮重新可以使用
在这里插入图片描述
那如果想要通过id属性值来判断是否禁用应该如何处理?
例如:当id有数据的时候,我们关闭禁用功能(false),正常点击。

由于disabled受布尔值的影响,先了解一下空串取反是什么,非空串取反是什么

在这里插入图片描述
发现,如果id没有数据即为空串,空串取反是(true)即为开启禁用,当id中有数据,取反即为false关闭禁用实现正常点击效果,以此达到目的,input框的禁用效果也可依照此例子处理。


http://www.kler.cn/a/468922.html

相关文章:

  • CDP集成Hudi实战-spark shell
  • Allure 集成 pytest
  • PostgreSQL学习笔记(一):PostgreSQL介绍和安装
  • 【可实战】测试用例组成、用例设计方法、用例编写步骤、测试用例粒度、用例评审(包含常见面试题)
  • oscp备考 oscp系列——Kioptix Level 1靶场 古老的 Apache Vuln
  • 云原生监控与日志管理:确保云原生应用的可靠性与性能
  • 基于单片机的肺功能MVV简单测算
  • Go语言的 的同步与异步编程(Synchronization Asynchronous Programming)基础知识
  • 聊聊 C# 中的委托
  • 数据库系统概论期末复习
  • 资金管理系统——python
  • iOS 逆向学习 - iOS Architecture Core OS Layer
  • pytorch索引操作函数介绍
  • DOM HTML
  • 【Vim Masterclass 笔记05】第 4 章:Vim 的帮助系统与同步练习(L14+L15+L16)
  • 银行账户类别详解
  • 【Springboot知识】Springboot监控工具SpringbootAdmin
  • 游泳溺水识别数据集,对25729张图片进行YOLO,COCO JSON, VOC XML 格式的标注,溺水平均识别率在89.9%
  • 数据结构复习 (顺序查找,对半查找,斐波那契查找,插值查找,分块查找)
  • 鸿蒙UI开发——Toast即时提示框的使用
  • 【Qt】QLabel显示图片
  • 【STM32项目】智能物联网驱动的生物样本培育与管理辅助系统(完整工程资料源码)
  • 低空管控技术-无人机云监视技术详解
  • 功能篇:页面实现实时的时钟功能
  • 【NLP高频面题 - Transformer篇】Transformer的输入中为什么要添加位置编码?
  • java基础之代理