附上一个简单代码:
<div v-show="ordinary.codeText=='获取验证码'" @click="countDown">{{codeText}}</div>
<div v-show="ordinary.codeText!='获取验证码'">{{codeText}}</div>
js:
data () {
return {
codeText: '获取验证码'
}
}
methods: {
countDown () {
let n=60;
setTimeout(function () {
n--;
if (n != 0) {
t.countDown(n);
t.codeText = n + ' s';
} else {
t.codeText = '获取验证码';
}
},1000)
}
}
加上自己的css代码就完美了!