vue中表单提交，当提交表单的时候，有必填项未填写自动定位到第一个未填写的地方

this.$nextTick(() => {let isError = document.getElementsByClassName('is-error')isError[0].scrollIntoView({// 滚动到指定节点// 值有start,center,end，nearest，当前显示在视图区域中间block: 'center',// 值有auto、instant,smooth

走出舒适圈丶

3135人浏览 · 2022-01-05 14:57:59

走出舒适圈丶 · 2022-01-05 14:57:59 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^