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

vue实现点击单选或者多选模式

toggleSelect(item) {

      if (!this.single) {

        // 多选模式

        const itemIndex = this.selectedItems.findIndex(

          (selectedItem) => selectedItem.userId === item.userId

        ); // 假设每个对象都有一个唯一的id属性

        if (itemIndex !== -1) {

          this.selectedItems.splice(itemIndex, 1);

        } else {

          this.selectedItems.push(item);

        }

      } else {

        // 单选模式

        // 直接将selectedItems设置为包含当前项目的数组

        this.dataList = this.dataList.map((item) => ({

          ...item,

          orgList: [],

        }));

        this.selectedItems = [item];

        this.selectData();

      }

    },

    isSelected(item) {

      return this.selectedItems.some(

        (selectedItem) => selectedItem.userId === item.userId

      ); // 假设每个对象都有一个唯一的id属性

    },

http://www.xdnf.cn/news/10944.html

相关文章:

  • 简单爬虫框架实现
  • JavaScript 字符串的常用方法有哪些?
  • SpringCloud 分布式锁Redisson锁的重入性与看门狗机制 高并发 可重入
  • ALLEN BRADLEY特价型号1715-OB8DE 模块
  • 屈原精神的深度剖析:阶级局限与时代启示
  • 涨薪技术|0到1学会性能测试第94课-全链路脚本开发
  • 【iOS安全】Macbook更换brew源
  • 2025 年人脸识别技术应用备案政策已落地
  • 基于SpringBoot的“嗨玩旅游”网站设计与实现(源码+定制+开发)嗨玩旅游平台开发:景点展示与个性化推荐系统(SpringBoot)
  • Foundation Models for Generalist Geospatial Artificial Intelligence(NASA发布Prithvi)论文阅读
  • 定时线程池失效问题引发的思考
  • 远程桌面端口如何设置?你知道本地计算机怎么让外网电脑远程桌面连接访问吗?
  • nginx去掉暴漏外边的版本号
  • RTOS,其基本属性、语法、操作、api
  • Python 子进程通信:构建可靠的进程间消息交换系统
  • 5.3_3由遍历序列构造二叉树
  • 集合类基础概念
  • SMART原则讲解
  • centos挂载目录满但实际未满引发系统宕机
  • leetcode491.递增子序列:HashSet同层去重与递增条件的双重保障
  • 【python】三元图绘制(详细注释)
  • 春秋云镜 Certify Writeup
  • 光耦电路学习,光耦输入并联电阻、并联电容,光耦输出滤波电路
  • Vert.x学习笔记-Verticle原理解析
  • 一、类模板
  • ORA-12514: TNS: 监听程序当前无法识别连接描述符中请求的服务
  • 【数据结构知识分享】顺序表详解
  • 《中国城市统计年鉴》面板数据(1985-2024)
  • 如何安装huaweicloud-sdk-core-3.1.142.jar到本地仓库?
  • 板凳-------Mysql cookbook学习 (九--3)