vue校验校验报错滚动到报错位置

最新推荐文章于 2024-08-20 17:23:54 发布

少年你好，我是π。。。

最新推荐文章于 2024-08-20 17:23:54 发布

阅读量1.2k

点赞数 1

分类专栏： vue 文章标签： vue html5

本文链接：https://blog.csdn.net/qq_43528934/article/details/111367890

版权

本文介绍了在Vue项目中，结合vant-ui组件进行表单验证时，如何实现在出现错误校验时，页面自动滚动到错误发生的特定位置。内容包括HTML结构和JavaScript实现方法。

摘要由CSDN通过智能技术生成

使用的是vant-ui组件
html

<!-- 年度评价 -->
<van-form @submit="AddYearEvaluate" class="submitForm">
    <van-cell-group>
        <div class="title"><span>*</span>1、城管进社区工作是否满意？</div>
        <van-field name="P_IsOk">
        <template #input>
            <van-radio-group v-model="formData.P_IsOk" id="line_P_IsOk">  //此处id为自定义跳转id（ItemId）
                <van-cell><van-radio name="1