1.0.16 • Published 6 years ago

vue-slip-delete v1.0.16

Weekly downloads
73
License
-
Repository
-
Last release
6 years ago

vue-slip-delete

vue left slip,左滑删除组件

持续维护中,如果该轮子确实帮助到了你,请:star: star :star: 谢谢。

demo

usage

npm install vue-slip-delete --save
<template>
  <slip-del
    v-for="(item, i) in list"
    :key="i"
    ref="slipDel"
    del-text="删除商品"
    @slip-open="slipOpen"
    @del-click="del"
  >
    <div class="demo-item">delete item</div>
    <div slot="del">删除icon可编辑</div>
  </slip-del>
</template>

<script>
import SlipDel from 'vue-slip-delete'

export default {
  components: {
    SlipDel
  },
  methods: {
    slipOpen(vm) {
      // 无需手动关闭
    },
    del() {
      // 删除回调
    }
  }
}
</script>

feature

  • 滑动角度判断
  • 滑动结束回调
  • 低版本兼容

props

名称类型默认值描述
thresholdNumber35滑动的阀值
del-clsStringm-slide__del-red删除按钮的类名
del-textString删除删除文案

event

名称描述
del-click点击删除的回调
slip-open滑动打开后的回调

method

名称描述
setOpen手动打开或关闭 删除

slots

name描述
default条目内容
item compatible条目内容(不推荐)
del删除
1.0.16

6 years ago

1.0.15

6 years ago

1.0.14

6 years ago

1.0.13

6 years ago

1.0.12

6 years ago

1.0.11

6 years ago

1.0.10

6 years ago

1.0.9

6 years ago

1.0.8

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago