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

elementUI——checkbox复选框监听不到change事件,通过watch监听来解决——基础积累

今天在写后台管理系统的时候,遇到一个需求,就是要求监听复选框的change事件,场景就是:两个复选框互斥,且可以取消勾选。

在这里插入图片描述
就是这两个复选框可以同时都不勾选,如果勾选的话,另一个一定要取消勾选。

在这里插入图片描述
通过checkbox组件的change事件,是无法触发的。

可以通过watch来监听解决此问题。

比如上面的两个复选框值分别是:checked和cateChecked,可以通过监听每个值得变化,来控制另一个的取消。

watch: {cateChecked() {if (this.cateChecked && this.checked) {this.checked = false;}},checked() {if (this.cateChecked && this.checked) {this.cateChecked = false;}},
},

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • JavaWeb【day08】--(MySQL-Mybatis入门)
  • 悟空CRM12密码登录算法类
  • FFmpeg源码:compute_frame_duration函数分析
  • GDB:加载符号表
  • Spring-容器:IOC-基于注解管理Bean
  • xxl-job升级到springboot3.0 导致页面打不开报错)问题
  • 语法分析例题
  • GAMES101(5~6节,光栅化)
  • C++ | Leetcode C++题解之第389题找不同
  • 通过15张图带你掌握网络抓包工具Wireshark必备使用技巧
  • 解决职业摔跤手分类问题的算法与实现
  • MySQL 数据库管理与操作指南
  • 数据结构之“双向链表”
  • 海外合规|新加坡网络安全认证计划简介(一)
  • k8s集群的调度
  • 实现windows 窗体的自己画,网上摘抄的,学习了
  • 【跃迁之路】【444天】程序员高效学习方法论探索系列(实验阶段201-2018.04.25)...
  • 10个最佳ES6特性 ES7与ES8的特性
  • JavaScript学习总结——原型
  • Java深入 - 深入理解Java集合
  • laravel with 查询列表限制条数
  • Perseus-BERT——业内性能极致优化的BERT训练方案
  • Python进阶细节
  • vue2.0项目引入element-ui
  • 力扣(LeetCode)965
  • 在electron中实现跨域请求,无需更改服务器端设置
  • Java性能优化之JVM GC(垃圾回收机制)
  • Nginx实现动静分离
  • RDS-Mysql 物理备份恢复到本地数据库上
  • #我与Java虚拟机的故事#连载11: JVM学习之路
  • $.ajax()
  • (11)MATLAB PCA+SVM 人脸识别
  • (4)事件处理——(6)给.ready()回调函数传递一个参数(Passing an argument to the .ready() callback)...
  • (poj1.2.1)1970(筛选法模拟)
  • (第9篇)大数据的的超级应用——数据挖掘-推荐系统
  • (二)正点原子I.MX6ULL u-boot移植
  • (附源码)ssm基于jsp的在线点餐系统 毕业设计 111016
  • (接上一篇)前端弄一个变量实现点击次数在前端页面实时更新
  • (一)ClickHouse 中的 `MaterializedMySQL` 数据库引擎的使用方法、设置、特性和限制。
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • (转)可以带来幸福的一本书
  • (自适应手机端)响应式新闻博客知识类pbootcms网站模板 自媒体运营博客网站源码下载
  • (最优化理论与方法)第二章最优化所需基础知识-第三节:重要凸集举例
  • .gitignore文件忽略的内容不生效问题解决
  • .net core 实现redis分片_基于 Redis 的分布式任务调度框架 earth-frost
  • .NET 表达式计算:Expression Evaluator
  • .net连接oracle数据库
  • .NET序列化 serializable,反序列化
  • @TableLogic注解说明,以及对增删改查的影响
  • [ C++ ] STL---仿函数与priority_queue
  • [ vulhub漏洞复现篇 ] GhostScript 沙箱绕过(任意命令执行)漏洞CVE-2019-6116
  • []Telit UC864E 拨号上网
  • [100天算法】-每个元音包含偶数次的最长子字符串(day 53)
  • [1159]adb判断手机屏幕状态并点亮屏幕
  • [17]JAVAEE-HTTP协议