纵有疾风起
人生不言弃

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

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

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

<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

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

未经允许不得转载:起风网 » 小程序实现删除列表某条内容的功能
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录