Dans Vue, il existe deux façons d'obtenir la valeur de la liste déroulante : 1. Utilisez la directive v-model pour la liaison bidirectionnelle ; 2. Écoutez localement l'événement change de la liste déroulante et obtenez la valeur.
Comment obtenir la valeur de la liste déroulante dans Vue
Dans Vue, il existe deux méthodes pour obtenir la valeur de la liste déroulante :
1.
v-model La directive
peut lier de manière bidirectionnelle la valeur de la liste déroulante et les données Vue. Utilisez-la dans le modèle de composant :
v-model
指令可以双向绑定下拉框的值和 Vue 数据,在组件模板中使用它:
const selectedValue = this.selectedValue;
然后在 JavaScript 中访问selectedValue
数据即可:
2. 本地事件监听
可以在下拉框上监听change
Accédez ensuite à laselectedValue
. données en JavaScript :
methods: { handleChange(event) { const selectedValue = event.target.value; } }
change
dans la liste déroulante et obtenir la valeur dans la fonction du gestionnaire d'événements : rrreeerrreeeNon. quelle que soit la méthode que vous utilisez, vous pouvez facilement obtenir la valeur de la liste déroulante dans Vue .
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!