Bagaimana untuk mendapatkan nilai kotak drop-down dalam vue-View.js-php.cn

Bagaimana untuk mendapatkan nilai kotak drop-down dalam vue

下次还敢

Lepaskan： 2024-05-02 21:42:13

asal

945 orang telah melayarinya

Dalam Vue, terdapat dua cara untuk mendapatkan nilai kotak lungsur turun: 1. Gunakan arahan model v untuk pengikatan dua hala 2. Dengar secara tempatan peristiwa perubahan kotak lungsur dan dapatkan nilai.

Bagaimana untuk mendapatkan nilai kotak drop-down dalam vue

Cara mendapatkan nilai kotak drop-down dalam Vue

Dalam Vue, terdapat dua kaedah untuk mendapatkan nilai kotak drop-down:

v-model Arahan boleh mengikat nilai kotak lungsur turun dan data Vue secara dua hala Gunakannya dalam templat komponen:

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

Salin selepas log masuk

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

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

Salin selepas log masuk

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

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

Salin selepas log masuk

2. 本地事件监听

可以在下拉框上监听 change Kemudian akses selectedValue. data dalam JavaScript:

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

Salin selepas log masuk

2 Mendengar acara setempat🎜🎜🎜Anda boleh mendengar acara change pada kotak lungsur dan dapatkan nilai dalam pengendali acara: 🎜rrreeerrreee🎜Tidak kira kaedah yang digunakan, anda boleh mendapatkan nilai kotak lungsur dalam Vue dengan mudah. 🎜

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan nilai kotak drop-down dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!