Vue中使用 captcha.min.js 做验证码

摘要:
1verificationCode(){2etcaptcha1=newCaptchaMini()3captcha1.draw(document.querySelector(“#captcha1”),r=˃{4this.Verification=r5})6},首先介绍importCaptchaMiniform“../../static/js/captcha”。将“min.js”写入要使用的组件,然后编写一个容器
1 verificationCode() {
2       let captcha1 = new CaptchaMini()
3       captcha1.draw(document.querySelector('#captcha1'), r => {
4         this.Verification = r
5       })
6  },

先在要用的组件中引入 

import CaptchaMini from '../../static/js/captcha.min.js'
 
然后写一个容器放验证码:
<canvas class="canvas_v" width="100" height="50" id="captcha1"></canvas>
 
最后把上面的代码在加载完dom后执行就可以了(
this.Verification写你自己的变量
 
captcha.min.js地址:https://blog-static.cnblogs.com/files/lyt520/captcha.min.js

免责声明:文章转载自《Vue中使用 captcha.min.js 做验证码》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Java接口自动化框架增加钉钉机器人配置,自动发送测试结果KendoUI:Grid控件的使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Quartz定时任务

Quartz是一个任务调度框架。石英是来做这种事情的。你可以给它一个触发条件的定义。它负责触发相应的作业在该时间点工作。JobDetail&Job:JobDetail定义任务数据,而真正的执行逻辑在作业中,例如HelloQuartz。在2.x之后,QuartzAPIQuartz的API采用DSL样式,即示例中的newTrigger()部分。...

【646】灰度图array转为RGB三通道array

可以使用两种方法:numpy可以通过cv2.cvtColor函数自行实现。灰度图像可以转换为RGB的所谓灰度图像,分成三个通道,这意味着三个通道都是相同的信息,相当于相同维度信息的重复。主要通过numpy实现。阵列,其可以类似于广播的形式实现。...

【转载】SecureCRT配色推荐和永久设置

2.配置文件夹和其他颜色选项==“全局选项==”终端==“外观==”ANSI颜色单击第二行中的第五个色块以修改文件夹颜色:对第二个色块执行相同的操作以修改压缩包和jar包的颜色:如果设置后文件夹和其他的颜色无效,您可以对第二行中设置背景色和字体颜色的颜色块执行相同的操作!...

注册支付宝沙箱并测试支付宝扫码连接

2.创建新的支付宝应用程序2.1下载支付宝生成软件密钥#访问“支付宝开发平台”登录并访问开发者中心https://open.alipay.com/platform/home.htm#您可以参考“计算机网站支付”来熟悉计算机支付的整个流程https://docs.open.alipay.com/270/105899/2.1步骤1:创建应用程序(此处使用沙盒环境...

JS获取当前时间

如果有更好的方法,请提出建议。进一步解释如下:varmyDate=newDate();我的日期。getYear();//获取当前年份(2位数)myDate getFullYear();//获取完整的年份(4位数,1970-???=0)||);}//----------------------------------------------//日期格式//格式...

Json对象转Ts类

其次,Json是一种轻量级的数据交换格式。在前端和后端之间的数据交互过程中,后端接口返回Json格式的数据,前端需要使用相应的Ts类对象来接收它。此时,如果后端提供样本数据或现有接口返回的Json格式数据,是否有方法帮助我们从Json格式数据生成Ts类?介绍了三个主要功能。1.查看Json对应的Ts类,将要格式化的Json字符串复制粘贴到中间编辑区域。单击右...