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

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

样式你们都懂，因此没写，具体代码以下：

<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 }) } } }) } }) 

总结：以上内容供学习总结分享，有什么不对的地方或可优化的地方，欢迎各位多多指教。