Vue js在外部按鈕點擊選擇選項

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.frequency到frequencies[0]的方法。

您可以在此page中看到使用v-on:blur。