小程序房产项目中的标签多选

2. 页面展示

	房源标签
		
		
			
				{{item.lxming}}
				
			
		

3. 点击事件

  showTips(e) {
    var index = e.currentTarget.dataset.index;   //选中状态index;
    var lists = this.data.lists;    // 页面展示的数组；
    var states = lists[index].states;  // 选中状态的状态值；
    var idsArr = [];    // 保存选中数据的数组；
    var idss = [];      // 保存选中数据的id数组；
    var ids = "";       // 选中状态下的id字符串；
    /* 
	* 当第一次点击的时候是states为undefined（因为获取数组的时候只改变了第一项的states为1）；
	* states变为1（也就是橙色选中状态），然后再点击，变为0（也就是灰色未选中状态）；
    */
    if (states == undefined || states == 0) {
      lists[index].states = 1;
    } else {
      lists[index].states = 0;
    }
    // 使用filter筛选出选中状态的值，保存到idsArr数组中；
    idsArr = lists.filter(function (element, index, all) {
      return element.states == 1;
    })
	//  循环筛选之后的值，把他们的id插入到idss数组中；
    for (let i = 0; i