elementUI表单校验失败自动聚焦到失败input/select等输入框

无语，人生的过客� � �

已于 2025-02-11 18:22:44 修改

阅读量332

点赞数 3

分类专栏：前端学习 Vue学习经验分享文章标签： elementui 前端 javascript

于 2025-02-11 18:16:44 首次发布

本文链接：https://blog.youkuaiyun.com/li22356/article/details/145577332

版权

1. 在对应的input/select等框上添加ref属性，直接根据ref就可精确地获取到元素，代码案例如下：

 <el-form ref="bpmData" :model="bpmData" :rules="formRules">
      <el-form-item label="项目名称：" prop="name" class="lineblock">
        <el-input ref="name" v-model.trim="bpmData.name" placeholder="请输入项目名称" maxlength="100" show-word-limit