各个组件表单 校验时自动定位到未填处

element 项目

• el-form 适用于表单

  let isError = document.getElementsByClassName('is-error')
       setTimeout(() => {
           isError[0].querySelector('input').focus()
         }, 500)
  

• 使用JS控制 实现 锚点 的效果

  <div id='dyzgz'>我是要跳转的位置</div>
  
  <script>              
  	document.querySelector("#dyzgz").scrollIntoView()
  </script>
  

uView 项目

• u-form 适用于表单

   let isError =document.getElementsByClassName('u-form-item__message')
  	setTimeout(() => {
  	 		document.documentElement.scrollTop = isError[0].offsetParent.offsetTop + 10 }
  	 , 500)
  

！！如果你的项目里有顶部悬浮，记得多加点高度，这样才能看到页面；

vant 项目

• 表单

  let isError = document.getElementsByClassName('van-field--error')  // 适用于vant  
  	setTimeout(() => {
    		isError[0].querySelector(".van-field__control").focus()         // 只定位到第一个必填项位置 
    	}, 500)