Using the actual scene : You need to send a verification code , Then wait 60 Seconds to make a second click
<div class="vcode-btn" @click.prevent="getVcode"> <i v-show="vcode"> Get verification code </i> <
i v-show="!vcode">{{count}}s</i> </div> <script> data() { return { vcode: true,
count:'', timer: null } methods: { // Get verification code getVcode() { const reg = /^1[3|4|5|6|
7|8|9][0-9]\d{8}$/; # Before obtaining the captcha , Verify the validity of mobile phone number first if (reg.test(this.UserInfo.phone) &&
this.UserInfo.phone.length!== 0) { this.vcode = false let TIME_COUNT = 60; if (!
this.timer) { this.count = TIME_COUNT this.timer = setInterval(() => { if (
this.count> 0 && this.count <= 60) { this.count -- } else { this.vcode = true
clearInterval(this.timer) this.timer = null } }, 1000) } const url =
api.verifycode_url.urllet phone = { mobile: this.UserInfo.phone } axios.post(
url, phone).then(resp => { if (resp.data.status === "success") { this.$message({
type:'success', message: " Verification code sent successfully , Please remember to check !" }) } else { this.$message({ type:
'error', message: resp.data.msg }) } }) } else { this.$message({ type: 'error',
message:' Please input the correct mobile phone number ' }) } }, } </script>

Technology
©2019-2020 Toolsou All rights reserved,
Huawei 2021 session Hardware Engineer Logical post (FPGA) Super detailed surface !!!Vue-element-admin upgrade ui edition virtual machine VMware Download and install the most detailed tutorial !C++ Move constructor and copy constructor sound of dripping water java Backstage interview pygame Realize full screen mode and adjustable window size mysql Database setting character set configuration modification my.ini file (windows)30 What's the experience of being a junior programmer at the age of 20 C++ Multithreading programming ( Summary of common functions and parameters )python_ cherry tree