elment-ui 表格中表格外均有input 表单验证

最新推荐文章于 2023-05-24 10:05:29 发布

做个有准备的人

最新推荐文章于 2023-05-24 10:05:29 发布

阅读量134

点赞数

分类专栏：前端埋坑之路-前端技术文章标签： ui elementui vue.js

本文链接：https://blog.csdn.net/u011565547/article/details/122004446

版权

前端埋坑之路-前端技术专栏收录该内容

361 篇文章 15 订阅 ¥9.90 ¥99.90

订阅专栏

超级会员免费看

本文介绍如何在Element UI的表格组件中实现每一行数据包含的input输入框进行表单验证。通过使用<el-table>、<el-form-item>和v-model等组件，结合Vue.js的数据绑定，实现单元格内输入值的实时验证，确保数据的准确性。重点在于表格数据需嵌套在表单内，以实现完整的表单验证逻辑。

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

 <el-form ref="newAddFrom" :inline="true" :model="newAddFrom" :rules="newAddFrom_rules" class="demo-form-inline clearfix">
          <el-form-item prop="groupName"  label="运营点名称：" align="left" class="poerating-name">
            <div style="display:flex">
              <el-input v-model="newAddFrom.groupName" placeholder="请输入运营点名称" ></el-input>
              <div class="tip">运营点名称不能重复</div>
            </div>
          </el-form-item>
          <el-form-item label="运营点价格：" align="left">
            <