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

目的：删除指定预约

结构层(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.listconsole.log(list);for(var i=0;i<list.length;i++){if(id==list[i]._id){list.splice(i,1)  //删除指定预约数据that.setData({    //页面上也要做响应变动list:list})break;}}}})})

后台数据(微信云开发)

微信小程序-实现删除指定列表项相关推荐

php小程序 100行左右,微信小程序左右分类滚动列表
今天需求个类似得到app分类的功能,效果如图: 左右分别滚动,互不干扰,先把简单的布局和样式搭好. 左侧分类右侧顶部分类右侧列表 .flex_row{display: flex;flex-dire ...
微信小程序 scroll-view组件实现列表页实例代码
这篇文章主要介绍了微信小程序 scroll-view组件实现列表页实例代码的相关资料,scroll-view组件介绍scroll-view是微信小程序提供的可滚动视图组件,其主要作用是可以用来做手机端 ...
微信小程序模仿华为音乐列表界面
微信小程序模仿华为音乐列表界面 index.js var app=getApp(); var listDatas = require("../../data/data_list.js&q ...
微信小程序分页加载列表
微信小程序分页加载列表: 项目开发时很多页面都需要用到分页加载列表,为了方便,自己封装了分页加载列表组件,下拉刷新列表,滑动至底部,加载更多组件界面: 可以扫码查看是否符合自己的需求 wxml: & ...
小程序怎么清服务器缓存,怎么清理微信小程序缓存微信小程序缓存删除的方法...
微信小程序上线之后,关注的小程序越多,哪么将占用的手机空间就越大,这些程序会产生一定的缓存,那么怎么清理小程序缓存呢?微信小程序内的缓存到底如何清除?和小编一起来看看删除微信小程序缓存的方法吧. 一些 ...
微信小程序编写新闻阅读列表
微信小程序编写新闻阅读列表本篇学习主要内容 Swiper 组件(轮播图) App.json 里的关于导航栏.标题的配置. Page 页面与应用程序的生命周期数据绑定(核心知识) 数据绑定的运算与逻 ...
微信小程序换行显示指定行数据量
微信小程序换行显示指定行数据量方式1 在wxml进行数据的判断展示 =====page.js 文件Page({data:{testArr:['a0','a1','a2','a3','a4','a5 ...
微信小程序实战—实现城市列表的选择
##微信小程序实战-实现城市列表的选择 ####实现效果预览 ####实现功能简介城市的选择按中文/拼音/首字母条件搜索按首字字母快速定位到城市位置 ####目录结构 ####主要代码 #### ...
微信个人中心 html,微信小程序个人中心的列表控件实现代码
个人中心的列表控件首先来看效果图 wxml 我的收藏 wxss .list-item { display: flex; flex-direction: row; align-items: cente ...

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

微信小程序-实现删除指定列表项相关推荐

最新文章

热门文章