小程序实现删除列表某条内容的功能

在项目中经常有删除的功能，那小程序是如何实现这个删除的功能呢？思路就是找到指定的内容，把内容从数组中删除掉。

样式大家都懂，所以没写，具体代码如下：

<view wx:for="{{list}}">
     <view class="bigBox" >列表内容</view>
      <view class="delete" catchtap="delcon" data-indexdel="{{index}}" >删除</view>
</view>    

<!--在删除的按钮上自定义属性 indexdel ,用于获取需删除的内容的下标位置 -->

var app = getApp();
Page({
  data: {
    list:[1,2,3,4,5],
   
  },
   delcon:function(e){
       var index = e.currentTarget.dataset.indexdel;  //获取自定义的内容下标值
       var list = this.data.list;                     //获取内容列表

        wx.showModal({        
        title: '是否确定删除内容？',
        success: function (res) {
          if (res.confirm) {                  //点击确定后
                 list.splice(index, 1);       //截取指定的内容
                 this.setData({               //重新渲染列表
                     list:list
                  })
           }
         }
      })
   }    
})