滑动操作 SwipeAction

基本

<za-swipe-action autoClose @close="handleClose" @open="handleOpen" :right="action1">
  <za-cell>左滑看看（自动关闭）</za-cell>
</za-swipe-action>
<za-swipe-action @close="handleClose" @open="handleOpen" :left="action1">
  <za-cell>右滑看看</za-cell>
</za-swipe-action>
<za-swipe-action @close="handleClose" @open="handleOpen" :left="action1" :right="action1">
  <za-cell>左右都能滑动</za-cell>
</za-swipe-action>

Vue Script

<script name="vue">
export default {
  data() {
    return {
      action1:[
        {
          theme: 'error',
          text: '右按钮1',
          onClick: () => console.log('右按钮1'),
        },
        {
          theme: 'success',
          text: '右按钮2',
          onClick: () => console.log('右按钮2'),
        },
      ]
    }
  },
  methods: {
    handleClose(reason) {
      console.log(reason);
    },
    handleOpen(reason) {
      console.log(reason);
    },
  },
};
</script>

API

SwipeAction Attributes

SwipeAction Events