uniapp 数组添加不重复元素

最新推荐文章于 2024-05-06 17:19:36 发布

小跳不会Coding

最新推荐文章于 2024-05-06 17:19:36 发布

阅读量830

点赞数

分类专栏： uniapp 文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/weixin_48596030/article/details/134813217

版权

uniapp 专栏收录该内容

64 篇文章 10 订阅

订阅专栏

一、效果图

在这里插入图片描述

二、代码

			//点击事件
			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);
					}
				}
			},