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

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属性

    },

相关文章:

  • 力扣刷题 -- 225. 用队列实现栈
  • Matplotlib + Seaborn绘图类型清单
  • Java对象比较与排序的常见错误及解决方案
  • Unity异常上报飞书工具
  • ADI硬件笔试面试题型解析下
  • 【macbook】触控板手势
  • 词语翻译的三步法与背后的语言学思维
  • RPG20.创建敌人的初始能力和加载武器
  • MYSQL索引详解及索引优化、分析
  • 乐播视频v4.0.0纯净版体验:高清流畅的视听盛宴
  • C++ TCP传输心跳信息
  • 线性动态规划
  • Java面试八股--07-项目篇
  • AI“实体化”革命:具身智能如何重构体育、工业与未来生活
  • 数据库包括哪些?关系型数据库是什么意思?
  • “刹车思维”:慢,是为了更快
  • 什么是链游,链游系统开发价格以及方案
  • ESOP股权管理平台完整解决方案
  • 北京大学肖臻老师《区块链技术与应用》公开课:07-BTC-挖矿难度
  • superior哥AI系列第6期:Transformer注意力机制:AI界的“注意力革命“
  • 做网站不搭建本地环境/百度识图网页版
  • 做室内设计的网站有哪些方面/百度今日小说排行榜
  • 包装设计的网站/滨州seo招聘
  • 手机如何做微电影网站/自己建网站怎么建
  • 专业做高校网站群管理系统/产品网络营销策划
  • 有哪些网站软件可以做网站的原型/营销型网站策划