vue table表格form表单校验输入内容,elment ui table内容校验 form表单input验证

//html 部分
<
el-form :model="formObj" :rules="rules"> <el-table :data="formObj.list"> <el-table-column align="center" > <template slot="header"><span>name</span></template> <template slot-scope="scope"> <el-form-item :prop="'list.'+scope.$index+'.name'" :rules="rules.name" > <el-input v-model="scope.row.name"/> </el-form-item> </template> </el-table> <el-form>
//js部分
data(){
formObj:{
list:[{name:''}]
},
rules:{
name:[{
required:true,
message:"必填",
trigger:'blur'
}]
}
}

 

posted @ 2023-02-07 16:47  前端张大碗  阅读(159)  评论(0编辑  收藏  举报