Je construis une fonctionnalité de recherche pour mon NUXT JS Front End et j'ai besoin de la valeur d'entrée pour effacer chaque fois que l'utilisateur a appuyé sur ENTER à la recherche. Ceci est ma méthode actuelle et ma balise.
JS STRY> P> <input type="text" placeholder="Search for tags..." v-on:keyup.enter="searchTag">
3 Réponses :
a trouvé une réponse:
Ajout d'un modèle V à celui-ci puis à régler une chaîne vide semble faire le tour. P>
<input type="text" placeholder="Search for tags..." v-on:keyup.enter="searchTag" v-model="searchText">
export default {
data() {
return {
tags: [
],
searchText: ""
}
},
methods: {
searchTag: function(event) {
var newtag = event.target.value;
this.tags.push({name: newtag});
this.searchText = "";
}
}
}
Il suffit de lier la valeur d'entrée à une variable, puis de l'effacer sur l'événement comme celui-ci: <input type="text" placeholder="Search for tags..." v-on:keyup.enter="searchTag" v-model="input">
Vue est un js plain. Bien sûr, vous pouvez l'utiliser.