https://github.com/jmingzi/vue-slip-delete
vue left slip，左滑删除组件
https://github.com/jmingzi/vue-slip-delete
slip-delete vue
Last synced: 6 months ago
JSON representation
vue left slip，左滑删除组件
- Host: GitHub
- URL: https://github.com/jmingzi/vue-slip-delete
- Owner: Jmingzi
- License: mit
- Created: 2018-02-27T02:10:07.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T21:43:32.000Z (almost 3 years ago)
- Last Synced: 2023-03-02T06:25:45.045Z (over 2 years ago)
- Topics: slip-delete, vue
- Language: JavaScript
- Size: 2.47 MB
- Stars: 60
- Watchers: 5
- Forks: 23
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-slip-delete
vue left slip，左滑删除组件
## 组件迁移至 [Esc-ui](https://competent-bose-f6b47c.netlify.com/#/slide-delete) ，升级为ts写法，按需引入，demo演示。
# demo
# usage
```
npm install vue-slip-delete --save
```
```vue
delete item
删除icon可编辑
import SlipDel from 'vue-slip-delete'
export default {
components: {
SlipDel
},
methods: {
slipOpen(vm) {
// 无需手动关闭
},
del() {
// 删除回调
}
}
}
```
# feature
- [x] 滑动角度判断
- [x] 滑动结束回调
- [x] 低版本兼容
# props
名称|类型|默认值|描述
----|----|----|----
threshold|Number|35|滑动的阀值
del-cls|String|m-slide__del-red|删除按钮的类名
del-text|String|删除|删除文案
# event
名称|描述
----|----
del-click|点击删除的回调
slip-open|滑动打开后的回调
# method
名称|描述
----|----
setOpen|手动打开或关闭 删除
# slots
name|描述
----|----
default|条目内容
item `compatible` |条目内容(不推荐)
del|删除