SwipeCell 滑动单元格

引入

基础用法

  1. <van-swipe-cell right-width="{{ 65 }}" left-width="{{ 65 }}">
  2.   <view slot="left">选择</view>
  3.   <van-cell-group>
  4.     <van-cell title="单元格" value="内容" />
  5.   </van-cell-group>
  6.   <view slot="right">删除</view>
  1. Page({
  2.   onClose(event) {
  3.     const { position, instance } = event.detail;
  4.     switch (position) {
  5.       case 'left':
  6.       case 'cell':
  7.         instance.close();
  8.         break;
  9.       case 'right':
  11.           message: '确定删除吗？',
  12.         }).then(() => {
  13.           instance.close();
  14.         });
  15.         break;
  16.     }
  17.   },
  18. });

主动打开

  1.   onOpen(event) {
  2.     const { position, name } = event.detail;
  3.     switch (position) {
  4.       case 'left':
  5.         Notify({
  6.           type: 'primary',
  7.           message: `${name}${position}部分展示open事件被触发`,
  8.         });
  9.         break;
  10.       case 'right':
  12.           type: 'primary',
  13.           message: `${name}${position}部分展示open事件被触发`,
  14.         });
  15.         break;
  16.     }
  17.   },
  18. });

API

Props

Events

close 参数