Vue中methods相互调用

最新推荐文章于 2024-07-21 19:49:56 发布

原创最新推荐文章于 2024-07-21 19:49:56 发布 · 4.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了Vue中表单验证与登录功能实现的细节，包括如何在onSubmit前定义login方法，避免使用$this.$options的方法调用错误，以及在回调函数中正确处理验证结果。

1.方法login必须在onSubmit之前定义

2.onSubmit方法之中，this.$options.methods必须在onSubmit方法下调用，不能放到

回调方法里面（//this.$options.methods.login();报错$options未定义）

3.valid命名不能和回调方法中参数名称相同

methods: {
    login() {
      console.log("login");
    },
    onSubmit(formName) {
      var valid2;
      this.$refs[formName].validate(function(valid) {
        console.log(valid);
        valid2 = valid;
        //this.$options.methods.login();报错$options未定义
      });
      console.log(valid2);
      if (valid2) {
        this.$options.methods.login();
      } else {
        console.log("error submit!!");
        return false;
      }
    }
  }

上面方法获取不到值