vue.js javascript页面表单验证滚动

在开发过程中，有时候页面表单特别多，用户未填写时点击保存按钮触发表单验证规则，但相关的表单项并未在用户视觉范围内造成体验不良的问题，在此标记记录。

    this.$refs["form"].validate(valid => {
        if (valid) {
            //验证通过
        }
        else {
            this.$nextTick(() => {
                let errList = document.getElementsByClassName('is-error')
                if (errList && errList.length > 0)
                {
                    errList[0].scrollIntoView({
                        // 滚动到指定节点
                        // 值有start,center,end，nearest，当前显示在视图区域中间
                        block: 'center',
                        // 值有auto、instant,smooth，缓动动画（当前是慢速的）
                        behavior: 'smooth',
                    })
                }
            })
        }
    });