Vue验证器多输入字段

Question

如何使用vue-validator.js验证需要至少两个中的一个的表单组（选择+输入文本）？ 谢谢.. e.g。

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

但我认为你已经这样做了。