名称

wx-swipe-action

版本

V 1.0.0

描述

用于微信小程序的SwipeAction 滑动操作操作组件，仅适用于微信小程序。使用场景基于Vue技术栈开发微信小程序，以组件的方式引入，用法与Vue组件方式相似,可以适配uni-app开发机制。

左滑默认出现标记已读、删除功能。

使用

• app.json配置

"usingComponenets":{
    "wx-swipe-action":"/wxcomponents/wx-swipe-action/index.js",
}

• 模板

<WxSwipeAction :swipeData="messageList" @delete="deleteChange" @read="readChange" @go="goDetail" />

• 组件引入

import WxSwipeAction from '@/wxcomponents/wx-swipe-action/index.js'


export default {
  ...
  components: {
    WxSwipeAction
  },
  data() {
    return {
      messageList: [],
      ...
    };
  },
  methods: {
    deleteChange(data){
        // TODO
    },
    readChange(data) {
        // TODO
    },
  }
  ...
  })

使用

npm i wx-swipe-action --save