直接上代码
<view >
<input type="text" placeholder="请输入图形验证码" v-model="imgCode" placeholder-class="placeholder" />
<button type="button" @click="createCode" >{{checkCode}}</button>
</view>
data() {
return {
imgCode: "", //图片验证码
checkCode: "",
picLyanzhengma: "",
};
},
onShow() {
var that = this;
that.createCode();
}
createCode() {
//先清空验证码的输入
this.imgCode1 = "";
this.checkCode = "";
this.picLyanzhengma = "";
//验证码的长度
var codeLength = 4;
var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L',
'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
for (var i = 0; i < codeLength; i++) {
//随机数
//取得随机数的索引(0~35)
var index = Math.floor(Math.random() * 36);
//根据索引取得随机数加到imgCode上
this.imgCode1 += random[index];
}
//把imgCode值赋给验证码
this.checkCode = this.imgCode1;
},