1. 介绍

1.1 简介

基于滑动式的验证码,免于字母验证码的繁琐输入 用于网页注册或者登录

1.2 来源说明

vue使用滑块验证功能,是基于vue-monoplasty-slide-verify这样的一个开源项目,进行实现的,这是这个开源项目的网址传送阵: vue-monoplasty-slide-verify

1.3 效果图

vue——滑块验证_ide

2. vue实现步骤

2.1 在项目终端安装插件

npm i vue-monoplasty-slide-verify -S

此时,打开你的vue项目中package.json,如果出现下图所示,就说明安装成功vue——滑块验证_插入图片_02
如图所示,我的这个插件的版本是 @1.3.1

2.2 main.js中导入并使用

在main.js中,粘贴下面代码即可

import SlideVerify from 'vue-monoplasty-slide-verify'
Vue.use(SlideVerify)