如何使用Vee Validate验证选择选项

Question

通过查看vee验证文档，我看不到任何验证select输入的内容。所以我的问题是你能验证选择吗？当前我尝试的内容未显示错误消息。。。

这是密码

<select id="category" v-model="client.category" name="Category Type" v-validate="'required'">
  <option disabled>{{option}}</option>
  <option v-for="category in categories" :key="category.id" :value="category">{{ category }}</option>
 </select>
 <spanv-show="errors.has('Category Type')">{{ errors.first('Category Type') }}</span>

Answer 1

我发现了这个问题，我知道答案在一年前是正确的。但现在是的，我们可以在选择中验证对象。因此，对于那些选择使用和对象作为值的用户，您可以添加所需的验证作为自定义验证，如下所示：

extend('objectNotEmpty', {
  validate: (value) => {
    if (Object.keys(value).length > 0) {
      return true;
    }
    return i18n.t('GENERAL_VALIDATION_MESSAGES_REQUIRED');
  },
});

当然，在你的验证提供商的规则列表中添加“对象不空”

Answer 2

v-model="client.category" 

如果您的v模型是复杂对象，则v-validate不起作用。我会使用字符串/数字来连接选项-