首页 > 其他分享 >vue table表格form表单校验输入内容,elment ui table内容校验 form表单input验证

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

时间:2023-02-07 16:57:03浏览次数:43  
标签:name form elment 校验 table 表单

//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'
}]
}
}

 

标签:name,form,elment,校验,table,表单
From: https://www.cnblogs.com/web-jscss-dabao/p/17099023.html

相关文章