ES6 includes_es6 inclduse-程序员宅基地

技术标签： js基础

最近做了vue的一个项目，效果要实现多选及反选，数据是从后端传过来的。

代码：

<div class="lableView">
            <label
              class="lable_one"
              :class="{active:sz.includes(index)}"
              v-for="(item,index) in lableList"
              :key="index"
              @click="multiSelect(item,index)"
            >{
   {item.tag_name}}</label>
          </div>
        </div>

后台请求lable标签的接口：

//请求获得评论时所有标签
getAllLable(){
     let that = this;
     this.$post("?s=App.Index.Tags").then((res)=>{
       console.log(res);
       that.lableList = res.data.data;
       that.lableList.forEach(function(itemx, index){
         that.lableList[index].isActive = false
       })
     })
   },

data里的数据：

data(){
    return{
        lableList:[],
        sz:[],
        sz2:[]
    }
}

点击选择：


multiSelect(e,index){
    if(this.sz.includes(index) || this.sz2.includes(e.tag_name)){
      this.sz=this.sz.filter(function (ele){
        return ele != index;
        });
      this.sz2=this.sz2.filter(function (ele){ //要把标签内容获取下来之后传给后端
        return ele !=e.tag_name;
        });
    }else{
      if(this.sz.length < 3){  
        this.sz.push(index);
        this.sz2.push(e.tag_name);
        this.from.lableTarg=this.sz2.join(',')
      }else{
        Toast.fail('所选标签不能超过3个');
      }
    }
   },

本文链接：https://blog.csdn.net/lfkabb/article/details/119760712

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

硬石-专题04 步进电机控制(第4节)_28BYJ-48步进电机介绍_28byj步进电机发烫-程序员宅基地

文章浏览阅读605次。一，步进电机的几个概念1，步进电机普遍存在发热的情况二，28BYJ-48步进电机介绍1，28BYJ-48步进电机自带减速器，四相五线（减速器不是用来减速的，注意和刹车的区别）_28byj步进电机发烫

ARM架构概览-程序员宅基地

文章浏览阅读2.3k次。ARM架构概览_arm架构

8.S5PV210之RTC实时时钟代码_s5pv210 rtc 驱动-程序员宅基地

文章浏览阅读649次。RTC.h:RTC.c:main.c_s5pv210 rtc 驱动

零基础学AI，轻松搞定人工智能6大方向【附资料】_搞定ai-程序员宅基地

文章浏览阅读4.5k次。在当前这个市场最不缺的是资料，不缺的原因是因为市场大量泛滥着各种姿势的学习资料；最缺的也是资料，缺的原因是因为真正有体系，有价值的资料少之又少。所以，我们送你一份价值2980的学习路线图+AI课程资料+线上直播课学习，这些资料足够你入门AI领域！添加CSDN小姐姐仅限500人！领取价值2980人工智能学习路线图+课程资料+视频资料AI初级应用工程师的完整学习路径图~添加CSDN小姐姐仅限500人！领取价值2980人工智能学习路线图+课程资料+视频资料._搞定ai

以算法岗为例：我最想对入职前的自己说些什么？-程序员宅基地

文章浏览阅读251次。来自：机器学习与推荐系统进入算法岗的正式工作虽然只有半年多，但从 19 年 1 月就在算法岗开始实习，算下来到现在都有两年多的工作经验了，不过正式参加工作以后还是有了很多新的感悟，这篇文章..._算法岗入职很紧张

2017 Wuhan University Programming Contest (Online Round) D. Events，线段树区间更新+最值查询！...-程序员宅基地

文章浏览阅读87次。D. Events 线段树区间更新查询区间历史最小值，看似很简单的题意写了两天才写出来。题意：n个数，Q次操作，每次操作对一个区间[l,r]的数同时加上C，然后输出这段区间的历史最小值。思路：在线段树区间更新最值查询的基础上再用一个变量表示...

随便推点

2006-2018全国省级以上开发区空间特征变化_全国开发区四至 shp-程序员宅基地

文章浏览阅读194次。之前写过空间统计工具中的标准椭圆差，GIS的空间统计工具—标准椭圆差和线性方向平均值，这次用这个工具水一篇文章，结果不代表任何实际意义，感谢大家不取关之恩。开发区数据：全球变化科学研究出版系统，2006年、2018年全国省级以上开发区shp点数据，地理坐标为WGS84。行政区划数据：网络【省级以上开发区标准椭圆差】然后以下都是用一个标准椭圆差做的，即包含了68%的数据。打开属性表分别统计一下2006年和2018年的结果。XstdDist和YStdDist表示X轴的长度和Y轴的长度_全国开发区四至 shp