Vue js wählen Sie die Option in wählen Sie auf Klick von außen Taste

Question

Auf einen Klick auf die Schaltfläche außerhalb möchte ich die erste Option einer Auswahltaste, wenn nicht ausgewählt auswählen.

<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

Sie können v-on:blur für diese, eine Methode auf v-on:blur aufrufen, die die erste Option aus dem Array auswählt.

<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 wird das Verfahren sein, das auf this.frequencyfrequencies[0] eingestellt wird.

Sie können die Verwendung von v-on:blur in diesem page sehen.