vue中使用captcha-mini获取随机验证码

第一步：安装captcha-mini

yarn add captcha-mini

第二步：在组件中引入

import Captcha from 'captcha-mini'

第三步：创建canvas标签

<canvas width="240" height="90" ref="captcha"></canvas>

第四步：定义验证码数据

data() {
 	return {
		code: '',
	}
}

第五步：挂载后初始化captcha并绘制

mounted() {
	// 初始化验证码
	let captcha = new Captcha();
	// 绘制验证码
	captcha.draw(this.$refs.captcha, r => {
		this.code = r.toLowerCase();
	});
},