So erhalten Sie den Wert des Dropdown-Felds in Vue

In Vue gibt es zwei Möglichkeiten, den Wert des Dropdown-Felds abzurufen: 1. Verwenden Sie die V-Modell-Direktive für die bidirektionale Bindung. 2. Hören Sie lokal auf das Änderungsereignis des Dropdown-Felds und rufen Sie es ab der Wert.

So erhalten Sie den Wert des Dropdown-Felds in Vue

In Vue gibt es zwei Methoden, um den Wert des Dropdown-Felds zu ermitteln:

1

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

<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 Dann greifen Sie auf den selectedValue zu Daten in JavaScript:

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

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Wert des Dropdown-Felds in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!