如何使用Vuetify/Vue.js绑定到输入上的数组？

我在一个项目上使用，一切都很好。我正在尝试将一些自定义错误消息添加到我的

用户名

输入中。例如，如果未找到试图登录的用户-我希望显示该消息

我可以使用

：error messages=“errors.myMessage

传递一个值。效果很好

但是，我想为该错误消息设置多个值。例如，如果：

• 找不到用户
• 用户没有权限

以下是我正在做的工作：

...
type="email"
:error-messages="errors.userNotFoundException"
v-model="form.username"
...

根据Vuetifyjs文档，我可以将字符串或数组传递给

：错误消息

...
type="email"
:error-messages="[errors.userNotFoundException, errors.notAuthorizedException]"
v-model="form.username"
...

但是，当页面呈现时，

username

字段显示为无效，不显示任何错误。理想情况下，我希望根据同一输入返回的错误显示不同的消息。这里的数组有意义

要设置值，我将根据Axios响应执行此操作：

data() {
    return {
        errors: {
            notAuthorizedException: '',
            userNotFoundException: '',
        },
},
...
.catch(error => {
    console.log("error: ", error);

    if (error.code === 'NotAuthorizedException') {
        this.errors.userNotFoundException = error.message;
    }
...

---

对于同一输入，显示多条消息的正确方法是什么？谢谢您的建议！

我相信一条错误消息就是最好的方法。您只需根据axios错误的内容进行更改即可

type="email"
:error-messages="loginError"

js:

---

我相信一条错误信息就是最好的选择。你可以简单地根据axios的错误进行更改

type="email"
:error-messages="loginError"

js:

---

哦，我的。严肃的脸谱。我太专注于展示不同的信息了。这太明显了。谢谢你取笑我。：）哦，我的。严肃的脸谱。我太专注于展示不同的信息了。这太明显了。谢谢你取笑我。：）