外贸soho网站建设,深圳勘察设计协会,双陈记 wordpress,在线教育做网站好还是app好一、效果图 二、代码实现 字符串的indexOf和数组的indexOf用法一致#xff01; arr.indexOf(item) 该方法返回某个元素在数组中的位置。若没检索到#xff0c;则返回 -1。 关键代码#xff1a;(通过:class绑定)
:classselectList.indexOf(sub.type) ! -1 ? right_ite…一、效果图 二、代码实现 字符串的indexOf和数组的indexOf用法一致 arr.indexOf(item) 该方法返回某个元素在数组中的位置。若没检索到则返回 -1。 关键代码(通过:class绑定)
:classselectList.indexOf(sub.type) ! -1 ? right_item right_item_active:right_item2.1html view classright!-- 通过selectList.indexOf(sub.type) ! -1来判断选中的数组里是否有该元素。点击时如果有会移除如果没有会添加上 --view :classselectList.indexOf(sub.type) ! -1 ? right_item right_item_active:right_itemv-for(sub,index) in leftList[tabindex].children :keyindex clickrightBtn(sub,index){{ sub.type }}/view/view
2.2js //点击右侧rightBtn(sub, index) {console.log(sub, index)this.rightindex 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);}}},完成~
