uView SwipeAction 滑动单元格

该组件一般用于左滑唤出操作菜单的场景,用的最多的是左滑删除操作。

注意

如果把该组件通过v-for用于左滑删除的列表,请保证循环的:key是一个唯一值,可以用数据的id或者title替代。 不能是数组循环的index,否则删除的时候,可能会出现数据错乱

#平台差异说明

App(vue) App(nvue) H5 小程序

#基本使用

  • 通过slot传入内部内容即可,可以将v-for的"index"索引值传递给index参数,用于点击时,在回调方法中对某一个数据进行操作(点击回调时第一个参数会返回此索引值)
  • 内部的按钮通过options参数配置,此参数为一个数组,元素为对象,可以配置按钮的文字,背景颜色(建议只配置此两个参数即可),请勿配置宽高等属性





copy

#多个按钮并列

  • 通过添加options的值,达到多个并列的效果





copy

#组合使用

  • 通过增设optionsoptions达成组合效果




你可能感兴趣的:(vue.js,前端,javascript)