vue-monoplasty-slide-verify 滑动验证码插件使用及踩坑

一、效果图

二、安装依赖

npm install --save vue-monoplasty-slide-verify
或
yarn add vue-monoplasty-slide-verify

三、引入插件

 坑一：需要在main.js引入，在使用插件的 .vue组件文件中使用按需引入的方式引入，会报错。

//main.js 引入vue-monoplasty-slide-verify代码
import Vue from 'vue'
import SlideVerify from 'vue-monoplasty-slide-verify'
Vue.use(SlideVerify);

 四、.vue组件文件中使用（坑2）

//使用了elementUI的el-dialog组件弹出显示

插件背景引用图片路径图

 

五、vue-monoplasty-slide-verify 文档地址

vue-monoplasty-slide-verify · 前端插件技术文档 · 看云

我的引用实例，也未展示插件全部参数与事件回调，所以附上文档地址。