微信小程序框架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>
复制代码

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



回复

使用道具 举报

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

本版积分规则

QQ- Archiver-手机版-小黑屋- 浩阳天社区  

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