el-form 校验未通过，自动滚动到未通过的位置

最新推荐文章于 2024-08-02 13:35:44 发布

暴富暴富暴富啦啦啦

最新推荐文章于 2024-08-02 13:35:44 发布

阅读量497

点赞数 5

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/szzlh123456789/article/details/140302685

版权

//在js方法中校验
this.$refs.formRef.validate(valid => {
    if (!valid) {
        this.$nextTick(() => {
            let isError = document.getElementsByClassName('is-error')
            isError[0].scrollIntoView({
                // 滚动到指定节点
                // 值有start,center,end，nearest，当前显示在视图区域中间
                block: 'center',
                // 值有auto、instant,smooth，缓动动画（当前是慢速的）
                behavior: 'smooth',
            })
        })
        return false
    }
})