résolu:
Changer @ entré = "INPUT.BARCODE.PUSH ($ Event.Target.Value)" @ INPUT = "INPUT.BARCODE [INDEX] = ($ Event.Target.Value)" P>
J'ai une application qui possède une série de champs de saisie de texte. Lorsque le bouton Soumettre est cliqué, je souhaite ajouter toutes les valeurs d'entrée sur deux listes 'Barcode' et "Lieu". Il fonctionne quand il n'y a qu'un seul caractère pour chaque entrée, cependant, quand il y a plus d'un caractère, je reçois quelque chose comme ceci: p>
entrée de code à barres1 = 'test' p>
barcode = [' T ',' te ',' Tes ',' Test '] P>
<script>
export default {
name: "inventoryEntry",
data() {
return {
input: {
barcode: [],
location: []
}
};
},
methods: {
onSubmit(e) {
e.preventDefault();
if (this.input.barcode.length == this.input.location.length) {
this.$emit("get-codes", this.input);
this.input = { barcode: [], location: [] };
} else {
this.showAlert();
}
},
showAlert() {
return this.$ionic.alertController
.create({
message: "Inconsistent number of entries",
buttons: ["OK"]
})
.then(a => a.present());
}
}
};
</script>
3 Réponses :
De ce que je peux comprendre, votre problème est causé par ce problème Je recommanderais d'essayer d'utiliser un pour suivre le contenu de l'entrée et sur soumettre, appuyez sur la valeur dans la matrice. @ INPUT = "INPUT.LOCATION.PUSH ($ Event.Target.Value)" . Il semble que @input agit comme un Onchange pour le cadre ionique. Si tel est le cas, c'est pourquoi chaque fois que votre entrée change, elle appuyez sur le contenu de votre lettre d'entrée par lettre.
Votre problème vient ici: @ INPUT = "INPUT.BARCODE.PUSH ($ Event.Target.Value)" Chaque fois que vous appuyez sur une touche de touche, vous appuyez sur InPut.Barcode, vous devez donc utiliser le modèle V (souhaitez ajouter une valeur enfin à votre position de matrice [0]
Ici, vous avez codesandbox working => https://codesandbox.io/ S / VUE-IONIC-SIDE-MENUS-9HP74
Vous ne pouvez pas utiliser le modèle V sur l'entrée d'ions comme dites ici, mais peut utiliser ioninput (@input): https://github.com/ionic-team/ionic/issues/15532
Vous devez utiliser ion-entrée-wUE