Vue implémente le compte à rebours du code de vérification SMS
Apr 17, 2018 am 10:35 AMCette fois, je vais vous présenter Vue pour implémenter le compte à rebours du code de vérification par SMS. Quelles sont les précautions pour que Vue implémente le compte à rebours du code de vérification par SMS. jetez un oeil.
Il y a deux balises span enveloppées dans le bouton. Différentes span sont affichées en fonction de l'état du clic Le code clé est le compte à rebours :
<p id="example"> <button @click="send"> <span v-if="sendMsgDisabled">{{time+'秒后获取'}}</span> <span v-if="!sendMsgDisabled">send</span> </button> </p>
button { width: 100px; height: 50px background: pink; }
var vm = new Vue({ el: '#example', data() { return { time: 60, // 发送验证码倒计时 sendMsgDisabled: false } }, methods: { send() { let me = this; me.sendMsgDisabled = true; let interval = window.setInterval(function() { if ((me.time--) <= 0) { me.time = 60; me.sendMsgDisabled = false; window.clearInterval(interval); } }, 1000); } } })
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Comment vérifier la signature dans un PDF

Comment configurer le blocage des messages texte sur iPhone

Méthode détaillée pour débloquer à l'aide de la vérification assistée par un ami WeChat

Comment écrire un programme de compte à rebours simple en C++ ?

Comment utiliser Vue pour implémenter des effets de compte à rebours des boutons

Comment valider le code IFSC à l'aide d'expressions régulières ?

Nouvelles fonctionnalités de PHP 8 : ajout de la vérification et de la signature

Comment vérifier si l'entrée est constituée de caractères pleine chasse dans Golang
