Wie kann ich die Bedingung hinzufügen, die in vue.js 2 erforderlich ist oder nicht?

Question

Mein Komponente vue ist wie folgt:

<template> 
    <select class="form-control" v-model="selected" required @change="changeLocation"> 
     <option v-for="option in options" v-bind:value="option.id" >{{ option.name }}</option>\ 
    </select> 
</template> 
<script> 
    export default{ 
     props: ['type'], 
     .... 
    }; 
</script> 

I Zustand in ausgewählten

Wenn type = 1, auf der Auswahl hinzufügen möchten nicht so erforderlich Anzeige:

<select class="form-control" v-model="selected" @change="changeLocation"> 

Wenn Typ = 2, auf der Auswahlanzeige erforderlich wie folgt:

<select class="form-control" v-model="selected" required @change="changeLocation"> 

Wie kann ich das machen?

Answer 1

Sie können Daten an einfache HTML-Attribute binden. Es muss keine Komponenteneigenschaft sein.

<select class="form-control" :required="type == 2" ...></select> 

dies tun, das select-Element wird nur über das required Attribut, wenn type == 2.