//頁面部分綁定ref <el-form-item ref="startUserTel" label="聯系電話:" prop="startUserTel"> <el-input v-model="basicInfo.startUserTel" placeholder="請輸入" /> </el-form-item> //js部分 this.$refs['basicInfo'].validate((valid, object) => { if (valid) { // valid Boolean true||false // 正常處理 } else { this.scrollView(object) } }) // 滾動到固定地方 scrollView(object) { for (const i in object) { let dom = this.$refs[i] // 這里是針對遍歷的情況(多個輸入框),取值為數組 if (Object.prototype.toString.call(dom) !== '[object Object]') { dom = dom[0] } // 第一種方法(包含動畫效果) dom.$el.scrollIntoView({ // 滾動到指定節點 // 值有start,center,end,nearest,當前顯示在視圖區域中間 block: 'center', // 值有auto、instant,smooth,緩動動畫(當前是慢速的) behavior: 'smooth' }) break // 跳出循環了 } }