element表单中当有空格没有填时,自动用滚动条定位到看得见的位置表单添加或修改时的验证

表单添加或修改时的验证

1.表单

 <el-form
            :model="formData"
            :rules="rules"
            ref="ruleForm"
            label-width="140px"
          >
  </el-form>

2.表单验证

//添加数据
addData(){
	 this.$refs["ruleForm"].validate(async (valid) => {
        if (valid) {
        	//当验证通过执行你添加的操作
        }else {
        	//当验证失败跳转到空白的所在区域
          this.$nextTick(() => {
            let isError = document.getElementsByClassName("is-error");
            isError[0].scrollIntoView({
              // 滚动到指定节点
              // 值有start,center,end，nearest
              block: "center",
              // 值有auto、instant,smooth，缓动动画
              behavior: "smooth",
            });
          });
          return false;
        }
}

最后

以上就是安静大侠为你收集整理的element表单中当有空格没有填时,自动用滚动条定位到看得见的位置表单添加或修改时的验证的全部内容，希望文章能够帮你解决element表单中当有空格没有填时,自动用滚动条定位到看得见的位置表单添加或修改时的验证所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。