vue3-slider-verify v1.0.3

一个vue3的滑块验证插件

安装

npm i vue3-slider-verify

全局引入

import { createApp } from 'vue'
import sliderVerify from 'vue3-slider-verify/lib'//import {sliderVerify} from 'vue3-slider-verify/lib'
import 'slider-verify/lib/style.css' //一定要引入样式
const app = createApp(App);
app.use(sliderVerify)
app.mount('#app');

组件使用

<template>
   <slider-verify></slider-verify>
</template>
<script setup lang="ts">
//局部引入
import { sliderVerify } from 'vue3-slider-verify/lib'
import 'slider-verify/lib/style.css'
</script>

API参数

Events

示例

<template>
   <slider-verify @onSuccess="success" @onError="error"></slider-verify>
</temple>
<script setup lang="ts">
   interface result{
      type:string,//'error'|'success'
      message:string,
      verify:boolean//false则是验证失败，true则是验证成功
   }
   const success = (verifyResult:result)=>{
      consle.log(verifyResult)
   }
   cosnt error=(verifyResult:result)=>{
      consle.log(verifyResult)
   }
</script>