微信小程序框架wepy - 滑动删除插件

[复制链接]
hyt_xcx手机认证 实名认证 视频认证 发表于 2017-5-11 22:57:14 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
212445hbxyexeleeb72xjf.gif

wepy: "^1.5.2"Usageinstall
  1. npm install wepy-swipe-delete --save
  2. [font=-apple-system, BlinkMacSystemFont,]
复制代码
父组件 parents.wepy
  1. <template>
  2.   <repeat for="{{list}}" key="index" index="index" item="item">
  3.     <swipeDelete :swipeData="item" @delItem.user="handleDelItem">
  4.       <view class="swipe-title">
  5.         {{item.title}}
  6.       </view>
  7.     </swipeDelete>
  8.   </repeat>
  9. </template>

  10. <script>
  11.   import wepy from 'wepy'
  12.   import swipeDelete from 'wepy-swipe-delete'

  13.   export default class Index extends wepy.page {
  14.     components = {
  15.       swipeDelete
  16.     }

  17.     data = {
  18.       list: [
  19.         {id: 1, title: '标题1'},
  20.         {id: 2, title: '标题2'}
  21.       ]
  22.     }

  23.     methods = {
  24.       handleDelItem (itemData) {
  25.         console.log(itemData)
  26.       }
  27.     }
  28.   }
  29. </script>
复制代码

项目下载地址:
游客,如果您要查看本帖隐藏内容请回复



回复

使用道具 举报

精彩评论1

法西斯关关实名认证 手机认证 视频认证 发表于 2018-11-29 14:07:44 | 显示全部楼层
dwa啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

专注源码分享,教程分享
全国服务电话

187-8198-7163

周一至周8:00-22:00

反馈建议

cdhaoyt@163.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc.( 蜀ICP备16032957号-1