传递返回对象道具后 v-select 规则不起作用

问题描述

我在我的项目中使用 vuetify，我需要在 v-select 中使用对象。但是当我传递 rules 道具时 return-object 道具不起作用。如果我删除 return-object 道具，则 rules 道具中的验证工作正常。这是我在模板中所做的 -

<v-select
     outlined
     v-model="role"
     label="Select Position*"
     :items="roleName"
     :rules="requiredField"
      return-object
      item-text="name"
      item-value="_id"
          />

在我的数据中，我定义了这样的规则 - requriedField: [v => !!v || "Field is required"]

如何在 v-select 中设置对象类型的规则？

解决方法

我通过检查空对象解决了这个问题。在规则中，我用这个更改了我的验证规则

[v => Boolean(Object.keys(v || {})[0]) || "Field is required"]