注册页面生成验证码
第一步:安装captcha-mini
yarn add captcha-mini
第二步:引入captcha
import Captcha from 'captcha-mini'
第三步:创建画布,注意将id改成ref
<canvas width="100" height="36" ref="captcha"></canvas>
第四步:在mounted生命周期函数中初始化
export default {
mounted(){
let captcha1 = new Captcha();
captcha1.draw(this.$refs.captcha, r => {
console.log(r, '验证码1');
});
}
}
推荐阅读:
扫描二维码,在手机上阅读