【问题标题】:Cannot validate input fields in Vue.js无法验证 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:但是当我填写值时,它不会移动到下一个选项卡

标签: vue.js vuejs2 vee-validate


【解决方案1】:

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

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

这是一个快速修复

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

【讨论】:

    猜你喜欢
    • 2020-12-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多