vue.js - Vue验证器多个输入字段

Question

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

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

但我假设你已经在这样做了。