Question

我正在使用Vue JS（更具体地说是Vuetify框架）创建表单。

我已经创建了一种当项目不存在时显示错误的方法，但是如果用户输入的内容已经存在于数据库中，那么我该如何使其显示错误呢？

    data: () => ({
        aRule: [
            v => !! v || 'Please provide project type',
        ],
    }),

我的表单组件如下：

    <v-text-field
        :rules="aRule"
        label="Project Type"
        v-model="choice.data"
    >
    </v-text-field>

请注意，“ choice.data”代表数据库中的数据列

Answer 1

规则应该是这样

emailRules = [
    v: => !!v || "email address is required",
    v: => /.+@.+\..+/.test(v) || this.$t("Please input a valid email"),
    v: => (v && this.doesUserExist != true) || "Email already exists.",
  ];

初始化didUserExist = null; 设置this.doesUserExist = true; ，当服务器响应用户已经存在时。

使用Vuelidate，如果用户输入的内容已存在于db中，如何产生错误？

1 个答案: