外部ボタンをクリックして選択する際に選択するオプションを選択します。

Question

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

<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> 

Answer 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> 

selectFirstfrequencies[0]にthis.frequencyを設定するメソッドであろう。

このpageでは、v-on:blurの使用を見ることができます。