原文:vue element 表单验证不通过,滚动到固对应位置

我们在使用elementIUI实现表单验证,内容比较多的时候,提示内容会被遮挡,这时候用户不清楚什么情况,还会连续点击提交按钮。这个时候需求来啦:我们需要在表单验证不通过的时候,页面滚动到对应的位置。 了解来需求,那我们来看看如何实现 其实比较简单,下面说一下大致思路: 在表单验证方法validate中,提供了两个参数:是否校验成功,和未通过校验的字段规则。 在需要验证的位置加上ref,需要注意, ...

2021-01-08 14:28 0 715 推荐指数:

查看详情

vue element 表单多个验证时,滚动到验证提示的位置

   最近项目有个下单的过程,需要输入很多信息,每次提交都要往下滑,还要去验证,测试后发现体验也不好,element框架也没提供这种滚动方法,    不过提供了一个验证的方法 validate (两个参数:是否校验成功和未通过校验的字段),于是做了一个验证错误时的位置滚动 ...

Sat Aug 31 05:15:00 CST 2019 1 1841
vue 表单验证滚动滚动到指定表单位置

1 多个表单的情况 scrollView(object,formname) { for (const i in object) { let dom = this.$refs[formname] // 这里是针对遍历的情况(多个输入框),取值为数组 ...

Tue Mar 09 00:07:00 CST 2021 0 280
elementUI form表单验证不通过的原因

如上面的代码 1、 标签绑定内容必须通过 :model='form' 绑定,不能使用v-model="form"。(:model是v-bind:model的缩写,本身是属性绑定;v-model是用于表单标签元素相关的数据的双向绑定, v-model 和 :model 的区别 ...

Sun Jul 19 04:24:00 CST 2020 0 1560
vue表单验证不通过,依然能执行点击事件里面的代码?

遇到的问题:表单提交的时候,写了rules,明明验证不通过依然执行了点击事件里面的代码。 这个验证有什么用? 后来 我看elementUI组件才发现,我漏写了几行代码。 methods里面这样写 完美解决遇到的问题,elementui组件库考虑得还是很全面 ...

Thu Nov 28 00:47:00 CST 2019 0 366
Vue表单校验失败滚动到错误位置

表单校验失败之后都会有一个class属性.is-error的类名,可以查找到目前第一个错误元素所对应的视图区域,进行定位,验证未通过的表单提示 scrollIntoView介绍https://docs.microsoft.com/zh-cn/office/vba/api ...

Sat Mar 27 02:40:00 CST 2021 0 386
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM