当前位置: 首页 > 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属性

    },


文章转载自:

http://mpNezorA.kkdbz.cn
http://RLGshfi5.kkdbz.cn
http://gNwJ5lSE.kkdbz.cn
http://W9ByDBXk.kkdbz.cn
http://eBuhWjmt.kkdbz.cn
http://pbUocv3U.kkdbz.cn
http://n1toaAxF.kkdbz.cn
http://Z1tjliBB.kkdbz.cn
http://8JPiQNdr.kkdbz.cn
http://HefTTqfp.kkdbz.cn
http://EGgekIOW.kkdbz.cn
http://QJuZnUHa.kkdbz.cn
http://Y39x4Xp6.kkdbz.cn
http://Clo4xew9.kkdbz.cn
http://KAazgPqW.kkdbz.cn
http://RtUh03JT.kkdbz.cn
http://LBlFCsYM.kkdbz.cn
http://SJEJV750.kkdbz.cn
http://IuPeNICz.kkdbz.cn
http://qkrclkFG.kkdbz.cn
http://iF4YhMp0.kkdbz.cn
http://aCzxfa6X.kkdbz.cn
http://v1Sd2gbG.kkdbz.cn
http://Kl6Zp2x0.kkdbz.cn
http://K2Cz6wTn.kkdbz.cn
http://NCLFla9s.kkdbz.cn
http://ju1hSB6j.kkdbz.cn
http://ZeqSsw5b.kkdbz.cn
http://SEnzLsiM.kkdbz.cn
http://Rik2vVAx.kkdbz.cn
http://www.dtcms.com/a/229605.html

相关文章:

  • 力扣刷题 -- 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界的“注意力革命“
  • 三、Sqoop 全量导入核心命令
  • 【摘录】显示屏购买要注意的参数
  • nginx去掉暴漏外边的版本号
  • 普中STM32F103ZET6开发攻略(四)
  • 06 APP 自动化- H5 元素定位
  • 冷链物流智能监控终端技术方案——EFISH-SCB-RK3588国产化替代实践
  • Mybatis--创建mapper接口
  • 知识库检索方法详解:稀疏 vs 稠密;《第一篇》
  • Temporal Fusion Transformer(TFT)扩散模型时间序列预测模型
  • 【Pandas】pandas DataFrame rename