表单提交滚动到必填校验位置

最新推荐文章于 2024-07-20 23:54:17 发布

梓涵999

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量302

点赞数 1

分类专栏： ElementUi 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_61553794/article/details/136557757

版权

ElementUi 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

该段代码描述了一个在Vue组件中处理表单提交的方法(handleCommit)，当表单验证通过时，进行审核操作并显示成功消息，然后刷新列表。如果验证未通过，会捕获错误信息并滚动到相应位置。

摘要由CSDN通过智能技术生成

  handleCommit(flag) {
      this.$refs["form"].validate((valid, object) => {
        if (valid) {
          this.form.checkState = flag;
          this.form.checkLevel = 1;
          this.form.type = 1; //规划
          this.form.filingsId = this.form.id;
          checkFilings(this.form).then((response) => {
            this.$modal.msgSuccess("审核成功");
            this.open = false;
            this.getList();
          });
        } else {
          let str = [];
          for (let key in object) {
            object[key].map((item) => {
              str.push(item.message);
            });
            let dom = this.$refs[Object.keys(object)[0]];
            if (Object.prototype.toString.call(dom) !== '[object Object]') {
              dom = dom[0];
              break; //结束语句并跳出语句，进行下个语句执行
            }
            // 定位代码
            dom.$el.scrollIntoView({
              block: 'center',
              behavior: 'smooth'
            });
          }
        }
      });
    },