需求描述

由于需要填寫的表單項太多，提交的時候校驗不通過，
如果沒填寫的表單項在最上面，用戶看不到不知道發生了啥，
所以需要將頁面滾動定位到第一個報錯的表單項位置，提升用戶體驗

實現步驟

1. 給form表單添加ref

2. 檢查error的類名（elementUI同理）

3. 校驗失敗的時候獲取第一個error的元素位置并滾動到該位置

4. 由于我這里外層也有滾動條，發現這么寫導致外層滾動條也動了，時間關系，直接把{ block: “center” }改成了{ block: “nearest” })

{ block: “center” }可以讓報錯位置處于頁面中間，用戶友好；

但是外層滾動條不動比較重要！所以先用了{ block: “nearest” }

后面再改吧。