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

Posted 2023-02-22

【中文标题】传递返回对象道具后 v-select 规则不起作用

【英文标题】：v-select rules not working after passing return-object props

【发布时间】：2021-06-21 22:14:25

【问题描述】：

我在我的项目中使用 vuetify，我需要在 v-select 中使用对象。但是当我通过return-object 道具时，rules 道具不起作用。如果我删除 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 中设置对象类型的规则？

【参考方案1】：

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

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