vue表单验证时怎么定位到错误的地方

需求

今天，突然想，不引入其它ui框架，在表单提交时，定位到错误的指定位置

思路

找到错误的位置定位到错误的位置

找到错误的位置

想到这个需求时，我用的是vue，所以拿vue做了实验

我目前想到的是 v-model和ref取相同的名字 例如

<input v-model="test" ref="test"> <button @click="submit">提交</button> methods: { submit : function(){ if(true){ console.log(this.$refs.test) } } },

定位到错误的位置

通过ref找到位置，那再通过focus();就可以定位到那个位置

this.$refs.test.focus()

思路就是这样，目前就想到这些