JS实现列表元素合并

  Vue做一个穿梭框的功能,需要用到合并列表元素,左列表合并到右列表。核心思路是右三个数据列表,左、右、选中

method:{

  toRight:function(){

  var selectData=this.leftData.filter(function(item){

    return item.check==true; //check是元素的一个属性,只返回为true,即勾选了的元素。注意内置的filter方法返回的是一个数组

  });

    //es5合并数组 concat

  this.rightData = this.rightData.concat(selectData);

    //es6合并数组 展开运算符

  this.rightData=[...this.rightData,...this.selectData]

    //常规push 也可以用展开运算符

  this.rightData.push(...this.rightData,...this.selectData)

    //左边列表将穿梭的元素去掉

  this.leftData=this.leftData.filter(function(item){

   return item.check==false;

   })

  }

}

posted @ 2022-05-05 10:49  Timeouting  阅读(1275)  评论(0编辑  收藏  举报