Pourriez-vous s'il vous plaît dites-moi comment obtenir une valeur de champ d'entrée sur le bouton Cliquez. Je veux obtenir une balise d'entrée Voici mon code ci-dessous: P> <script>
export default{
data: function () {
return {
}
},
methods: {
addTo_Cart(e) {
// console.log(JSON.stringify(e.target.value));
},
}
};
</script>
3 Réponses :
Vous pouvez utiliser une liaison d'entrée de formulaire comme suit:
<script>
export default{
data: function () {
return {
quantity: 0
}
},
methods: {
addTo_Cart(e) {
console.log(this.quantity);
},
}
};
</script>
Pour utiliser des outils intégrés VUEJS, vous pouvez simplement affecter un V-Model code> à votre élément d'entrée accédez à sa valeur via ce V-MOD modèle code>. p> <div class="details-filter-row details-row-size">
<label for="Qty">Qty:</label>
<div class="product-details-quantity">
<input type="number" id="Qty" class="form-control" value="1" min="1" max="10" step="1" data-decimals="0" required />
</div>
</div>
<div class="product-details-action">
<button value="{{$ProductById->id}}" @click="addTo_Cart($event)" class="btn-cart btn-product" style="font-size: 1.3rem;" title="Add to cart">add to cart</button>
</div>
<script>
export default {
data: function() {
return {
}
},
methods: {
addTo_Cart(e) {
console.log(document.getElementById('Qty').value);
},
}
};
</script>
Vous n'avez pas besoin d'obtenir l'événement pour cela. Il suffit d'utiliser le modèle V avec votre élément d'entrée comme celui-ci: La valeur de l'élément d'entrée sera stockée dans la propriété MyNumbervalue à chaque fois que vous modifiez la valeur à l'aide de l'entrée.
En fait, j'en ai besoin de ceci en dessous du script: addo_cart (e) {ceci. $ Store.dispatch ("Quanityinde", {id: numéro (e.target.id), qty: numéro (this.inpputValue)}); / code>},
En plain JS, vous pouvez le lire comme -
document.getelementByID ('Qté'). Valeur