typescript vue.js vue3.2+ 滑动验证组件，pc/手机通用，即插即用

vue3.2+ 滑动验证组件，pc/手机通用，即插即用

一、前言二、成果展示三、组件使用四、vue3.2+ 滑动验证组件 源码五、最后，点个赞

一、前言

vue已经更新到3.2+，使用了script的setup属性语法，支持typescript，但是网上已有的大部分滑动验证组件都是旧版本，还不支持触摸，所以决定写一个：

支持vue3.2+语法支持typescript支持pc/手机（自动适配）即插即用

的滑动验证组件，方便大家。当然，这个只是静态的校验，如果需要动态校验，需要和后端配合。

二、成果展示

三、组件使用

import组件，然后 使用即可，其中v-model:value为双向绑定结果 支持属性：

successIcon 成功图标{string} 默认值 ‘iconfont icon-status-nor’successText 成功文字string} 默认值 ‘验证成功’startIcon 开始的图标{string} 默认值 ‘iconfont icon-login-slid’startText 开始的文字{string} 默认值 ‘拖动滑块到最右边’

四、vue3.2+ 滑动验证组件 源码

五、最后，点个赞

如果帮到你，点个赞再走！

文章来源

 您阅读本篇文章共花了：