美文网首页
解决点击按钮回到指定位置

解决点击按钮回到指定位置

作者: 琳媚儿 | 来源:发表于2020-12-16 13:33 被阅读0次
  // 加延时器的目的是为了vue实例更新未完成,我们可能获取DOM失败的问题
   // 利用原生js的方式,获取所有失败的类名,获得一个数组,取第一个元素获取焦点
       setTimeout(() => {
                  var isError = document.getElementsByClassName('is-error')
                   isError[0].querySelector('input').focus()
          }, 100)

如果校验不通过,就回到报错得位置


    enterCheck() {
      this.$refs['formDialog'].validate((valid) => {
        if (valid) {
          this.activityApplication()
        }else {
          setTimeout(() => {
                  var isError = document.getElementsByClassName('is-error')
                   isError[0].querySelector('input').focus()
          }, 100)
          return false
        }
      })
    },

相关文章

网友评论

      本文标题:解决点击按钮回到指定位置

      本文链接:https://www.haomeiwen.com/subject/maqggktx.html