Question

浏览vee-validates文档，我看不到任何用于验证选择输入的内容。所以我的问题是您可以验证选择吗？目前，我尝试的操作未显示错误消息...

这是代码

<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

v-model="client.category"

如果您的v模型是一个复杂的对象，则

v验证无效。我会使用字符串/数字来绑定option-> select，然后使用一些函数来建模对象中其余的属性。

Answer 2

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

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

当然还要在ValidationProvider中的规则列表中添加'objectNotEmpty'

如何通过Vee验证来验证选择选项

2 个答案: