/ /外側のボタンをクリックして選択するVuejs選択オプション-javascript、jquery、vue.js

外部ボタンをクリックすると選択されたオプションを選択する - javascript、jquery、vue.js

外側のボタンをクリックすると、選択されていない場合は選択ボタンの最初のオプションを選択したいと思います。

<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.frequencyfrequencies[0].

あなたはの使用を見ることができます v-on:blur これで ページ.