vue 表單驗證滾動條滾動到指定表單位置

1 多個表單的情況

scrollView(object,formname) {
for (const i in object) {
let dom = this.$refs[formname]
// 這里是針對遍歷的情況（多個輸入框），取值為數組
if (Object.prototype.toString.call(dom) !== '[object Object]') {
dom = dom[0]
}
// 第一種方法（包含動畫效果）
dom.$el.scrollIntoView({ // 滾動到指定節點
// 值有start,center,end，nearest，當前顯示在視圖區域中間
block: 'start',
// 值有auto、instant,smooth，緩動動畫（當前是慢速的）
behavior: 'smooth'
})
break // 因為我們只需要檢測一項,所以就可以跳出循環了
}
},

2 單個表單的情況

scrollView(object) {
for (const i in object) {
let dom = this.$refs
// 這里是針對遍歷的情況（多個輸入框），取值為數組
if (Object.prototype.toString.call(dom) !== '[object Object]') {
dom = dom[0]
}
// 第一種方法（包含動畫效果）
dom.$el.scrollIntoView({ // 滾動到指定節點
// 值有start,center,end，nearest，當前顯示在視圖區域中間
block: 'start',
// 值有auto、instant,smooth，緩動動畫（當前是慢速的）
behavior: 'smooth'
})
break // 因為我們只需要檢測一項,所以就可以跳出循環了
}
},