Comment obtenir la valeur de la liste déroulante en vue

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 :

<code class="html"><select v-model="selectedValue">
  <option value="option1">选项 1</option>
  <option value="option2">选项 2</option>
</select></code>

v-model 指令可以双向绑定下拉框的值和 Vue 数据，在组件模板中使用它：

<code class="javascript">const selectedValue = this.selectedValue;</code>

然后在 JavaScript 中访问 selectedValue 数据即可：

<code class="html"><select @change="handleChange">
  <option value="option1">选项 1</option>
  <option value="option2">选项 2</option>
</select></code>

2. 本地事件监听

可以在下拉框上监听 change Accédez ensuite à la selectedValue. données en JavaScript :

<code class="javascript">methods: {
  handleChange(event) {
    const selectedValue = event.target.value;
  }
}</code>

2. Écoute d'un événement local🎜🎜🎜Vous pouvez écouter l'événement change dans la liste déroulante et obtenir la valeur dans la fonction du gestionnaire d'événements : 🎜rrreeerrreee🎜Non. 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!