# vue-slide-valid

> slide valid component for Vue

Latest version **1.2.2** (published 2020-09-22) · 0 weekly downloads

## Install

```sh
npm install vue-slide-valid
pnpm add vue-slide-valid
yarn add vue-slide-valid
bun add vue-slide-valid
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.2 |
| Published | 2020-09-22 |
| First published | 2020-09-21 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 417.4 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | zhxi-timereview |
| Keywords | vue-slide-valid, slide-valid |

## Links

- npm: https://www.npmjs.com/package/vue-slide-valid
- Repository: https://github.com/HelloWoed/vue-slide-valid
- Homepage: https://github.com/HelloWoed/vue-slide-valid.git
- Issues: https://github.com/HelloWoed/vue-slide-valid/issues
- npm.io page: https://npm.io/package/vue-slide-valid

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [element-ui](https://npm.io/package/element-ui.md) ^2.13.2

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.2.2 (latest) — 2020-09-22
- 1.2.1 — 2020-09-22
- 1.1.1 — 2020-09-22
- 1.1.0 — 2020-09-21

## README

# vue-slide-valid

## 安装
```
npm i vue-slide-valid
```

### 引入
```javascript
//main.js
import slideValid from 'vue-slide-valid';

Vue.use(slideValid);
```

### 使用
```html
<!-- 配合form表单使用，可以结合常见form组件的校验进行验证,也可以单独使用，支持v-model -->
<el-form-item prop="isValid">
    <slide-valid v-model
    v-model="loginForm.isValid"
    :startText="startText" 
    :successText="successText" />
</el-form-item>
```
```javascript
...
data(){
    return {
      loginForm:{},
      startText: '请拖住滑块，拖动到最右边',
      successText: '验证成功'
    }
},
computed:{
    loginRules(){
      return {
        isValid: [
          {required: true,message: '请滑动验证',trigger: 'change'}
        ]
      }
    }
},
...
```

---
_Source: https://npm.io/package/vue-slide-valid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._