Vueバリデーター複数入力フィールド

Question

vue-validator.jsで少なくとも2つのフォームグループ（select + input text）を検証するにはどうすればよいですか？ ありがとう。

<select> 
<option>Select one..</option> 
<option>Option 1</option> 
<option>Option 2</option> 
<option>Option 3</option> 
</select> 
<input type="text" placeholder="Or type here.." /> 

Answer 1

selectとinputに同じv-model属性を設定し、それらのいずれかで検証を設定する必要があります。このような：

<select v-model="modelName" v-validate:modelName="{required:true}"> 
<option>Select one..</option> 
<option>Option 1</option> 
<option>Option 2</option> 
<option>Option 3</option> 
</select> 
<input v-model="modelName" type="text" placeholder="Or type here.." /> 
<span v-show="$validation.modelName.required">this field is required</span> 

そしてもちろん、すべてのフォームのこのようなバリデータ・コンポーネントでラップする必要があります。

<validator name="validation"> 
</validator> 

が、私はあなたがすでにこれをやっていると仮定します。