专栏首页Kirin博客Vue插件之滑动验证码

Vue插件之滑动验证码

预览

目前仅前端实现,支持移动端滑动事件。版本V1.0.5

github文档地址

安装

1

npm install --save vue-monoplasty-slide-verify

使用方法:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

// main.js import Vue from 'vue'; import SlideVerify from 'vue-monoplasty-slide-verify'; Vue.use(SlideVerify); // template <slide-verify :l="42"   :r="10"   :w="310"   :h="155"   @success="onSuccess"   @fail="onFail"   @refresh="onRefresh"   :slider-text="text"   ></slide-verify> <div>{{msg}}</div> // script export default {  name: 'App',  data(){  return {   msg: '',   text: '向右滑',  }  },  methods: {  onSuccess(){   this.msg = 'login success'  },  onFail(){   this.msg = ''  },  onRefresh(){   this.msg = ''  }  } }

参数说明:

props传参(均为可选)

自定义回调函数:

文章出自:https://www.jb51.net/article/170534.htm

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 获取验证码的值一直是上一次的值

    在使用django 作为后端生成验证码生成一个url供前端访问时,出现了每次生成的图片验证码和cookies里面缓存的验证码值总是不一致,这是为什么呢,

    kirin
  • Vue+Base64实现图片上传

    Base64是网络上最常见的用于传输8Bit字节码的编码方式之一,Base64就是一种基于64个可打印字符来表示二进制数据的方法。通俗点来讲,它可以将不算大的文...

    kirin
  • pycharm 折叠代码快捷键

    kirin
  • ACID、CAP、BASE理论

    描述:ACID是传统关系型数据库系统中事务的四个特性,分别是原子性(Atomicity)、一致性(consistency)、隔离性(Isolation)、持久性...

    小诸葛
  • 前端架构最佳实践

    Folders-by-Feature Structure 胜过 Folders-by-Type Structure

    lilugirl
  • Hbase-2.0.0_02_常用操作

    主要是常用的hbase shell命令,包括表的创建与删除,表数据的增删查【hbase没有修改】;以及hbase的导出与导入。

    踏歌行
  • Nigelthorn 恶意软件滥用 Chrome 扩展感染超过 10 万个系统

    近日,研究人员发现名为 Nigelthorn 的恶意软件异常活跃,利用 Google Chrome 扩展程序 Nigelify 发起攻击,已经感染了 100 多...

    周俊辉
  • 加密电邮在裸奔:PGP与S.MIME严重漏洞曝光

    据 ArsTechnica 报道,此前在互联网上被广泛使用的电子邮件加密方法(PGP 与 S/Mime),已经曝出了两个严重的漏洞,或导致加密电邮在黑客面前暴露...

    周俊辉
  • 生成不同的序列号,或者生成不重复订单号-简易且支持高并发版

    一天不写程序难受
  • python collections 模块中的 deque(双端队列)

    deque结构可以看作是内置的list结构的加强版,且比队列提供了更强大的方法。  deque 是 double-ended queue的缩写,类似于 list...

    用户7886150

扫码关注云+社区

领取腾讯云代金券