原文：vue element 表單驗證不通過，滾動到固對應位置
我們在使用elementIUI實現表單驗證，內容比較多的時候，提示內容會被遮擋，這時候用戶不清楚什么情況，還會連續點擊提交按鈕。這個時候需求來啦：我們需要在表單驗證不通過的時候，頁面滾動到對應的位置。 了解來需求，那我們來看看如何實現 其實比較簡單，下面說一下大致思路： 在表單驗證方法validate中，提供了兩個參數：是否校驗成功，和未通過校驗的字段規則。 在需要驗證的位置加上ref，需要注意， ...
2021-01-08 14:28 0 715 推薦指數：
相關推薦
最近項目有個下單的過程，需要輸入很多信息，每次提交都要往下滑，還要去驗證，測試后發現體驗也不好，element框架也沒提供這種滾動方法， 不過提供了一個驗證的方法 validate （兩個參數：是否校驗成功和未通過校驗的字段），於是做了一個驗證錯誤時的位置滾動 ...
1 多個表單的情況 scrollView(object,formname) { for (const i in object) { let dom = this.$refs[formname] // 這里是針對遍歷的情況（多個輸入框），取值為數組 ...
如上面的代碼 1、 標簽綁定內容必須通過 :model='form' 綁定，不能使用v-model="form"。（:model是v-bind:model的縮寫，本身是屬性綁定；v-model是用於表單標簽元素相關的數據的雙向綁定， v-model 和 :model 的區別 ...
需求：提交表單時，頁面定位到第一個校驗失敗的位置 代碼示例： 關鍵： // 滾動條定位到第一個校驗失敗的div的位置 locateToErr() { setTimeout(() => { const errorDiv ...
1、警告： 2、原因： 校驗必填的值不是form表單的數據(form表單的數據如： )， 導致表單在驗證時找不到userName這個值所以一直警告‘userName is required'， 所以導致表單驗證不通過 ； 提交驗證form表單 ...
遇到的問題：表單提交的時候，寫了rules，明明驗證不通過依然執行了點擊事件里面的代碼。 這個驗證有什么用？ 后來 我看elementUI組件才發現，我漏寫了幾行代碼。 methods里面這樣寫 完美解決遇到的問題，elementui組件庫考慮得還是很全面 ...
表單校驗失敗之后都會有一個class屬性.is-error的類名,可以查找到目前第一個錯誤元素所對應的視圖區域,進行定位,驗證未通過的表單提示 scrollIntoView介紹https://docs.microsoft.com/zh-cn/office/vba/api ...