el-table嵌套表单验证

前进的心

已于 2022-10-24 17:26:15 修改

阅读量336

点赞数

分类专栏： element Ui 文章标签：前端 elementui 1024程序员节

于 2022-09-28 14:39:00 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_53558474/article/details/127087852

版权

element Ui 专栏收录该内容

8 篇文章

订阅专栏

如图,需要在表格中进行表单验证

<el-form-item label='111' prop='tableData'>
<el-table :data='formData.tableData'>
<el-table-column>
<template slot-scope='scope'>
<el-form-item :prop="'tableData.'+scope.$index+'.comtent'"
:rules="[{required:true,message:"请输入",trigger:'blur'}]">
<div>
<el-input v-model='scope.row.content'>
</el-input>
</div>
</el-form-item>
</template>
</el-table-column>
</el-table>

</el-form-item>

使用slot在表头添加*号,然后在行内写验证规则