我們在使用elementIUI實現表單驗證,內容比較多的時候,提示內容會被遮擋,這時候用戶不清楚什么情況,還會連續點擊提交按鈕。這個時候需求來啦:我們需要在表單驗證不通過的時候,頁面滾動到對應的位置。 了解來需求,那我們來看看如何實現?其實比較簡單,下面說一下大致思路: 在表單驗證 ...
表單校驗失敗之后都會有一個class屬性.is error的類名,可以查找到目前第一個錯誤元素所對應的視圖區域,進行定位,驗證未通過的表單提示 scrollIntoView介紹https: docs.microsoft.com zh cn office vba api excel.window.scrollintoview .main.js this. refs form .validate va ...
2021-03-26 18:40 0 386 推薦指數:
我們在使用elementIUI實現表單驗證,內容比較多的時候,提示內容會被遮擋,這時候用戶不清楚什么情況,還會連續點擊提交按鈕。這個時候需求來啦:我們需要在表單驗證不通過的時候,頁面滾動到對應的位置。 了解來需求,那我們來看看如何實現?其實比較簡單,下面說一下大致思路: 在表單驗證 ...
1 多個表單的情況 scrollView(object,formname) { for (const i in object) { let dom = this.$refs[formname] // 這里是針對遍歷的情況(多個輸入框),取值為數組 ...
最近項目有個下單的過程,需要輸入很多信息,每次提交都要往下滑,還要去驗證,測試后發現體驗也不好,element框架也沒提供這種滾動方法, 不過提供了一個驗證的方法 validate (兩個參數:是否校驗成功和未通過校驗的字段),於是做了一個驗證錯誤時的位置滾動 ...
監聽滾動事件 mounted() { // window.addEventListener("scroll",this.handleScroll); }, methods ...
需求:提交表單時,頁面定位到第一個校驗失敗的位置 代碼示例: 關鍵: // 滾動條定位到第一個校驗失敗的div的位置 locateToErr() { setTimeout(() => { const errorDiv ...
哈哈哈,昨天登QQ的時候,意外發現有人看了我寫的博客,居然還加了我,這就激起了我內心的小波瀾啊 公司最近在做電商,用的前端框架依然是VUE 矩MAX(微信公眾號)可以搜的到哦,安卓商店或蘋果AppStore也可以搜的到 回歸中體哈,說一下今天做的領券中心 有點類似於京東的領券中心 ...
這個需求大概是這樣子: 我做的一個聊天Demo,在搜索框搜索用戶,可以滾動到指定的用戶。然后成選中狀態。 這是目前狀態,我搜索 南宮仆射 ,想要下面的用戶列表直接滾動到 南宮仆射 並改變CSS樣式。 查詢之后是這個子: 嗯,我的思路: 在搜索框搜索到用戶之后 ...