J'ai un composant VUE comme ci-dessous. de
Mais je veux m'arrêter lorsque le compteur est 0, même s'il est cliqué. de
Comment puis-je utiliser cette méthode dans ce cas?
La seule méthode est que je dois faire une méthode pour le bloquer?
Merci beaucoup de lecture.
4 Réponses :
Je pense que vous avez beaucoup de façons de réaliser que l'un d'entre eux est celui-ci p>
Vous devez éviter une opération complexe dans p> Modèle code> Utiliser des méthodes
code> Propriété
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<h2>Todos:</h2>
<p> {{ value }}</p>
<button @click="value+=1">Add 1</button>
<button @click="subtract" :disabled="!value ? 'true': undefined">Subtract 1</button>
</div>
Il y a beaucoup de façons de faire cela. Vous pouvez utiliser l'attribut désactivé code> dans votre bouton négatif lorsque la valeur devient inférieure ou égale à
<button
v-on:click="counter.document -= 1"
:disabled="counter.document <= 0"
>
Je veux m'arrêter lorsque le compteur est 0, même s'il est cliqué sur. P>
Il suffit d'ajouter une vérification conditionnelle avant de continuer. Ajout de cette ligne:
si (ce.compte === 0) renvoie code>. Ci-dessous une démonstration de travail: p>
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <h2>{{ count }}</h2> <button @click="increment">+</button> <button @click="decrement">-</button> </div>
Ne sautez pas sur des frameworks avant d'apprendre JS s'il vous plaît. juste un conseil.