详情可参考APP.vue上的写法。或在线查看demo地址 内置方法 在父组件里如果需要重置,可以在父组件中调用子组件reset() 方法 <slide-verifyref="slideblock"></slide-verify> this.$refs.slideblock.reset(); Log V1.1.2 修复imgs不传时,页面的 warning 问题 V1.1.1 (
详情可参考APP.vue上的写法。或在线查看demo地址 内置方法 在父组件里如果需要重置,可以在父组件中调用子组件reset() 方法 <slide-verifyref="slideblock"></slide-verify> this.$refs.slideblock.reset(); Log V1.1.2 修复imgs不传时,页面的 warning 问题 ...
V1.1.2 修复imgs不传时,页面的 warning 问题 增加滑动验证的精度设置 增加滑块刷新成功后的回调函数 可配置刷新按钮的显示 可配置是否开启非人为操作(防止非人为操作滑动解锁) V1.1.0 add img array (增加可配置的图片地址接口) V1.0.5 add slider text (增加可自定义滑块文本) ...
首先,你需要通过 npm 安装 vue-monoplasty-slide-verify: bash npm install --save vue-monoplasty-slide-verify 配置 在Vue 项目的入口文件(如 main.js 或main.ts)中引入并使用该组件: javascript import Vue from 'vue'; import SlideVerify from 'vue-monoplasty-slide-verify'; Vue.use(SlideVerify); ...
vue登录滑动验证 1、引入vue-monoplasty-slide-verify组件到项目里 先使用命令行安装:npm install --save vue-monoplasty-slide-verify 2、在main.js目录下添加代码 import Vue from 'vue'
2. Now you have it. The simplest usage: <slide-verify:l="42":r="10":w="310":h="155"slider-text="向右滑动"@success="onSuccess"@fail="onFail"@refresh="onRefresh"></slide-verify>{{msg}} exportdefault{name:'App', data(){return{msg:'', } },methods: { onSuccess(){this....
{l:42,//滑动碎片的大小r:10,//滑动碎片的圆角w:310,//画布的宽h:155,//画布的高},demo:false,imgs:["https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fitbbs%2F1411%2F03%2Fc11%2F40513136_1415006215595.jpg&refer=http%3A%2F%...
sliderText String Slide filled right 滑块底纹文字1.0.5imgs Array [] 背景图数组。可不传1.1.0accuracy Number5滑动验证的误差范围1.1.2show Booleantrue是否显示刷新按钮1.1.2 自定义回调函数 1 2 3 4 5 6 事件名 类型 描述 版本 success Function 验证码匹配成功的回调 ...
dependabot/npm_and_yarn/express-4.18.2 dependabot/npm_and_yarn/qs-and-express-6.11.0 dependabot/npm_and_yarn/decode-uri-component-0.2.2 dependabot/npm_and_yarn/loader-utils-1.4.2 dependabot/npm_and_yarn/follow-redirects-1.15.1
2. Now you have it. The simplest usage: <slide-verify:l="42":r="10":w="310":h="155"slider-text="向右滑动"@success="onSuccess"@fail="onFail"@refresh="onRefresh"></slide-verify>{{msg}} exportdefault{name:'App',data(){return{msg:'',}},methods:{onSuccess(){this.msg='login...