Vue js select option in select on click on external button

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> 

selectFirst будет метод, который будет установлен на this.frequencyfrequencies[0].

В этом page вы можете использовать v-on:blur.