WXML:

   {{item.datass}}

   删除

 数据删除之后要显示的内容部分

WXSS:

/*遍历循环的数据部分*/

.shuju{

 width: 200px;

 height: 50px;

 line-height: 50px;

 background-color: #188eee;

 color: #fff;

 margin-top: 10px;

 display: flex;

 flex-direction: row;

 text-align: center

}

.shuju>view{

 width: 100px;

 float: left;

}

/*遍历循环的数据没有了要显示的部分*/

.shows{

 width: 100%;

 height: 100px;

 background-color: orangered;

 text-align: center;

 line-height: 100px;

}

JS:

Page({

 data:{

   datas: [

     { datass: 11 },

     { datass: 22 },

     { datass: 33 }

   ]

 },

 deletedata:function(event){

   //获取要删除数据的id号

   var dataid=event.currentTarget.dataset.id;

   //找到相对应的数据内容部分

   //var shuju = this.data.datas[dataid];

   //删除数组对应的数据内容

   this.data.datas.splice(dataid,1);

   //判断数据的长度

   var len = this.data.datas.length;

   //通过判断数组的长度来决定是否显示隐藏的部分

   if(len ==0 ){

     this.data.shows =true

   }else{

     this.data.shows = false

   };

   //修改整天数据

   this.setData({

     shows: this.data.shows,

     datas: this.data.datas

   });

 }

})