微信小程序 — WeUI slideview 左滑删除（二）

上一篇微信小程序 — WeUI slideview 左滑删除（一）_棒怡情的博客-CSDN博客_jquery weui滑动删除WeUi slideview左滑删除（一），是同时每个列表都可以展示左滑菜单。

此篇文章设置同一时刻只能显示一个列表上的左滑菜单。

实现方式：给mp-slideview组件绑定事件  bindshow="onSlideShow"  设置是否显示  show="{{index == nowIndex }}

onSlideShow方法中。获取当前左滑的item的id。 让当前左滑item的菜单显示。其它item的左滑菜单都隐藏。这样则保证只能同时有一个列表的左滑菜单显示。

  <mp-slideview buttons="{{index==defaultIndex?slideButtons:slideButtons2}}" 
data-id="{{index}}" bindtap="onItemClick" bindbuttontap="slideButtonTap" 
bindshow="onSlideShow" show="{{index == nowIndex }}">

  // 左滑按钮 控制只能有一个左滑展示出了。不设置则，每个都可以左滑展示
  onSlideShow(e) {
    var id = e.currentTarget.dataset.id
    this.setData({
      nowIndex: id,
    })
  },