element 表单校验失败滚动指定位置

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