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表单中当有空格没有填时,自动用滚动条定位到看得见内容请搜索靠谱客的其他文章。