el-form 校验未通过，自动滚动到未通过的位置

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

// 表单校验 checkBasicForm() {   return new Promise((resolve) => this.$refs.basicForm.validate((valid, object) => {     if (valid) {<br>　　　　　　// 校验通过       resolve(this.formatterForm())     } else {       // resolve(false)<br>　　　　　　// 校验未通过，滚动到指定位置       let str = []       for (let key in object) {         object[key].map((item) => {           str.push(item.message)         })         let dom = this.$refs[Object.keys(object)[0]]         if (Object.prototype.toString.call(dom) !== '[object Object]') {           dom = dom[0]           break // 结束语句并跳出语句，进行下个语句执行         }         // 定位代码         dom.$el.scrollIntoView({           block: 'center',           behavior: 'smooth'         })       }     }   })   ) },

　　注意给form-item加ref

?

1 2 3 4 5

<a-form-model-item <strong>ref="parentId"</strong>                              label="上级项目"                              prop="parentId"                              v-bind="parentCol"           ></a-form-model-item>