外側のボタンをクリックすると、選択されていない場合は選択ボタンの最初のオプションを選択したいと思います。
<select name="shareFrequency" class="default-input" v-model="frequency>
<option value="">Select frequency</option>
<option v-for="frequency in frequencies" :value="frequency"/>{{ frequency.label }}</option>
</select>
<button id="SelectButton" onclick="selectfirst(this)" type="button">Select frequency</button>
回答:
回答№1は1あなたは使うことができます v-on:blur
このために、のメソッドを呼び出します v-on:blur
配列から最初のオプションを選択します。
<select name="shareFrequency" class="default-input" v-model="frequency" v-on:blur="selectFirst">
<option value="">Select frequency</option>
<option v-for="frequency in frequencies" :value="frequency"/>{{ frequency.label }}</option>
</select>
selectFirst
設定する方法になります this.frequency
に frequencies[0]
.
あなたはの使用を見ることができます v-on:blur
これで ページ.