对elementui动态表格表单的校验

最新推荐文章于 2025-09-02 14:58:55 发布

原创最新推荐文章于 2025-09-02 14:58:55 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

elementui 专栏收录该内容

15 篇文章

订阅专栏

博客围绕ElementUI表格表单的校验展开，虽未给出具体内容，但可知核心是对ElementUI表格表单进行校验相关操作，这在前端开发中是重要的交互验证环节。

                <el-form :model="user" ref="user">

                    <el-table :data="user.tableData" style="width: 100%">
                        <el-table-column
                                prop=""
                                label="科目"
                                width="180">
                            <template slot-scope="scope">
                                <el-form-item style="margin-bottom: 0" label="" :prop="'user.tableData.' + scope.$index +'.name'" :rules="[{ required: true, message: '请输入科目', trigger: 'change' }]">
                                    <el-select filterable v-model="scope.row.name" placeholder="请选择" style="width: 100%;">
                                        <el-option :key="item.id" v-for="(item,index) in list" :label="item.subjects_name" :value="item.subjects_name+'-'+item.subjects_number"></el-option>
                                    </el-select>
                                </el-form-item>
                            </template>
                        </el-table-column>
             
                    </el-table>


                </el-form>