select vue.js 2に必要条件を追加する方法はありますか？

Question

私のコンポーネントVUEは、このようなものです：

<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> 

私はタイプ= 1の場合、このように必要な表示ではない選択の上、選択

に条件を追加したい：タイプ場合

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

= 2、このように必要な選択ディスプレイで：

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

どうすればいいですか？

Answer 1

データをプレーンなHTML属性にバインドできます。コンポーネントプロパティである必要はありません。これを行う

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

type == 2場合、select要素はrequired属性を持つことになります。