el-form嵌套el-table，表格必填

最新推荐文章于 2024-08-21 20:18:17 发布

山谷里的杂货铺

最新推荐文章于 2024-08-21 20:18:17 发布

阅读量1.5k

点赞数

文章标签： elementui

本文链接：https://blog.csdn.net/weixin_58528200/article/details/121242894

版权

本文介绍了如何在Element UI的el-form中嵌套el-table，确保表格内的每一项都是必填项。在用户尝试提交时，如果没有填写，系统将显示警告提示。

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

效果图：

目的：

实现表格中每一项都是必填项，如果没填，在提交时会发出警告。

代码：

<el-form ref="detailForm" :model="detail" label-width="0">
            <el-table v-loading="loading"
              :data="detail.appear"
              border
              highlight-current-row
              :header-cell-style="{ color: '#333',background: '#F6F7FC'}">
              <el-table-column type="index" label="序号" width="100" align="center" />
              <el-table-column label="加分类型" prop="type" align="center">
                <template slot-scope="scope">
                  <el-form-item :prop="'appear