微信小程序中使用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 组件库


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部