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

uniapp 数组添加不重复元素

一、效果图

在这里插入图片描述

二、代码

			//点击事件rightBtn(sub, index) {console.log(sub, index)//uniapp 数组添加不重复元素if (this.selectList.includes(sub.type)) {this.selectList = this.selectList.filter((item) => {return item != sub.type;});} else {this.selectList.push(sub.type);this.selectList = [...new Set(this.selectList)]; // 数组去重if (this.selectList.length > 3) {uni.showToast({title: "最多选3个",icon: "none"});this.selectList.splice(3, this.selectList.length - 3);}}},

完成~

相关文章:

  • 【PHP】php发送邮箱验证码格式美化,样式美化
  • Shopify 开源 WebAssembly 工具链 Ruvy
  • MongoDB的条件操作符
  • mysql5.7安装详细教程
  • 【目标检测从零开始】torch实现yolov3数据加载
  • Tomcat管理功能使用
  • [Geek Challenge 2023] web题解
  • 德国进口高速主轴电机在机器人上的应用及选型方案
  • oops-framework框架 之 Excel转Json
  • LinuxShell的 中括号[], 双中括号[[]], 双小括号(()) 笔记231207
  • Java Web应用优化 认识软件设计分层架构
  • Spring Boot 3 集成 Druid 连接池详解
  • 游戏被攻击该怎么办?游戏盾该如何使用,游戏盾如何防护攻击
  • IDEA使用git从远程仓库获取项目
  • 大屏图表汇总echarts圆环
  • es6(二):字符串的扩展
  • FineReport中如何实现自动滚屏效果
  • java小心机(3)| 浅析finalize()
  • Redis 懒删除(lazy free)简史
  • SAP云平台里Global Account和Sub Account的关系
  • spark本地环境的搭建到运行第一个spark程序
  • Vue.js源码(2):初探List Rendering
  • windows下使用nginx调试简介
  • 老板让我十分钟上手nx-admin
  • 前端
  • 深入 Nginx 之配置篇
  • 微信公众号开发小记——5.python微信红包
  • #Ubuntu(修改root信息)
  • $分析了六十多年间100万字的政府工作报告,我看到了这样的变迁
  • (55)MOS管专题--->(10)MOS管的封装
  • (day 2)JavaScript学习笔记(基础之变量、常量和注释)
  • (k8s中)docker netty OOM问题记录
  • (附源码)python旅游推荐系统 毕业设计 250623
  • (附源码)计算机毕业设计ssm基于Internet快递柜管理系统
  • (九)c52学习之旅-定时器
  • (六) ES6 新特性 —— 迭代器(iterator)
  • (一)appium-desktop定位元素原理
  • (转)Linq学习笔记
  • .bat批处理(七):PC端从手机内复制文件到本地
  • .bat批处理(十一):替换字符串中包含百分号%的子串
  • .net反编译的九款神器
  • .Net各种迷惑命名解释
  • .net开发引用程序集提示没有强名称的解决办法
  • .NET企业级应用架构设计系列之开场白
  • .net实现客户区延伸至至非客户区
  • .net使用excel的cells对象没有value方法——学习.net的Excel工作表问题
  • @Bean注解详解
  • [ANT] 项目中应用ANT
  • [AutoSar]BSW_Com02 PDU详解
  • [BZOJ 4129]Haruna’s Breakfast(树上带修改莫队)
  • [C#]实现GRPC通讯的服务端和客户端实例
  • [C++]Leetcode17电话号码的字母组合
  • [CentOs7]搭建ftp服务器(2)——添加用户
  • [CSS]CSS 的背景
  • [Day 8] 區塊鏈與人工智能的聯動應用:理論、技術與實踐