微信小程序中使用VantUI中van-swipe-cell点击其他区域关闭删除
需求:在原生微信小程序中使用了VantUI框架的SwipeCell 滑动单元格,当我左滑删除时,点击其他区域让删除隐藏
效果图:
WXML:
{{index+1}}、{{item.problems}} {{filter.formatDateHM(item.optime)}} 删除
JS:
Page({data: {selected:'',//用来存储左滑的当前IDlist:[],},onOpen(e){//这是左滑打开事件this.setData({selected:e.currentTarget.id})},onTap(){//这是点击其他区域时,根据id让当前打开的元素关闭this.selectComponent("#"+this.data.selected+"").close();}
})
注:我这里做的跟官方的做法有些区别,但是我感觉我这种好点,简单 (#^.^#)
Vant Weapp - 轻量、可靠的小程序 UI 组件库
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
