import Vue from 'vue'
import geCode from 'vue-gecode'
Vue.component('geCode', geCode)
<template>
<ge-code :config=config></ge-code>
</template>
<script>
export default {
data(){
return {
config: {
startText: '获取验证码(自定义)',
endText: '再次获取',
totalTime: 60,
tickTime: 1,
activeClass: 'isRun',
computeText(num) {
return '重新获取 ' + num + 's';
},
canTodo: () => {
let result = /^1[345678]\d{9}$/.test(this.phone);
console.log('判断是否可以发送验证码',result);
if(!result){
alert('手机号格式不正确');
}
return result;
},
todo: () => {
console.log('发送验证码')
},
endCallback(type, config) {
console.log('发送完成后的回调', type, config);
},
click(isRun) {
console.log(`当前验证码状态是:${isRun ? '发送中' : '可发送'}状态`)
},
canUse: true,
noCanClass: 'no-can',
}
}
}
}
</script>