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

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

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

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

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

文章转载于:https://www.cnblogs.com/miu-key/p/7268725.html

原著是一个有趣的人,若有侵权,请通知删除

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了，原文地址《小程序实现删除列表某条内容的功能》