无法验证 Vue.js 中的输入字段

Posted 2023-02-23

【中文标题】无法验证 Vue.js 中的输入字段

【英文标题】：Cannot validate input fields in Vue.js

【发布时间】：2021-01-19 11:21:17

【问题描述】：

我正在使用 vue 向导并尝试使用 vee-validate 来验证单个步骤，但是当我填写值时它不会验证。

这是我正在尝试的代码框链接：

https://codesandbox.io/s/ecstatic-https-oc4u2?file=/src/App.vue

非常感谢任何帮助。

【问题讨论】：

你的例子对我有用。当我尝试单击下一步时，它不会进入下一个选项卡。尝试将其添加到输入下方，您还会看到 vee-validate <span> errors.first("title") </span>

提供的错误消息

@Dan：但是当我填写值时，它不会移动到下一个选项卡

【参考方案1】：

跟进我的评论。对不起，你是对的，我没有尝试过。

问题是validate方法是异步的，所以flag只有在你返回之后才会改变，因为没有等待验证结果。

这是一个快速修复

    validateFirstTab: async function () 
      let flag = await this.$validator.validate();
      return flag;
    ,