需求

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

思路
  1. 找到错误的位置
  2. 定位到错误的位置
找到错误的位置

想到这个需求时,我用的是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()

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

Logo

前往低代码交流专区

更多推荐