form表单在表格中校验

不完美女孩-

已于 2023-04-15 10:52:24 修改

阅读量147

点赞数

文章标签： javascript 前端 json

于 2023-04-15 10:21:03 首次发布

本文链接：https://blog.csdn.net/ljjoneseed/article/details/130166518

版权

需求：
表格中添加input并进行校验。
数据比较复杂，所以写起来有点麻烦

<el-form ref="perform" :model="perforModel" :rules="perRules" >
<div  v-for="(item,index) of perforModel.basData"  :key="index">
 <el-table ref="multipleTable" max-height="250" center border :data="item.indicatorThirdLibraryList" tooltip-effect="dark" style="width: 100%">
  <el-table-column prop="name" label="名称" align="center">
     </el-table-column>
     <el-table-column prop="score" label="值" align="center">
         <template slot-scope="scope">
             <el-form-item :prop="'basData.'+index+'.indicatorThirdLibraryList.'+scope.$index+'.score'" :rules="{required:true, message:'请输入', trigger:'blur'}">
                 <el-input class="sorClas" v-model="scope.row.score" type="number" @input="change($event)" :placeholder="'请输入值'"></el-input>
             </el-form-item>
         </template>
     </el-table-column>
     </el-form-item>
 </el-table>
 </div>
</el-form>