微信小程序-实现删除指定列表项

最新推荐文章于 2023-02-13 17:04:37 发布

洛神绘

最新推荐文章于 2023-02-13 17:04:37 发布

阅读量959

点赞数 2

文章标签：微信小程序小程序微信

本文链接：https://blog.csdn.net/m0_49223543/article/details/125683218

版权

目的：删除指定预约
在这里插入图片描述

结构层(wxml)

 <scroll-view  class="scroll" wx:for="{{list}}" wx:key="key">
    <view>申请人：{{item.applicant}}</view>
    <view>理由：{{item.reason}}</view>
    <view>日期：{{item.date}}</view>
    <view>时间：{{item.time}}</view>
    <button class="btn" data-id="{{item._id}}" bindtap="removeyuyue" round>取消预约</button>
  </scroll-view>

行为层(wxss)
let id=e.currentTarget.dataset.id // 获取数据的id号，关键一步
appointment是云开中的数据库名

.then(res=>{
            wx.showToast({
              title: '已取消',
              icon:"none",
              success(res){
               let list=that.data.list
               console.log(list);
               for(var i=0;i<list.length;i++){
                 if(id==list[i]._id){
                   list.splice(i,1)  //删除指定预约数据
                   that.setData({    //页面上也要做响应变动
                     list:list
                   })
                   break;
                 }
               }
              }
            })
          })