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。