建筑网站设计,互联网公司注册,九九建筑网,手机的网站建设目标是什么vue里el-formel-table实现验证规则的写法 vue里el-formel-table实现验证规则的写法 vue里el-formel-table实现验证规则的写法 重点是因为使用el-form el-table与单独使用el-form时数据不同#xff0c;前者是对象json数组#xff0c;后者是对象#xff0c;导致了el-form-ite… vue里el-formel-table实现验证规则的写法 vue里el-formel-table实现验证规则的写法 vue里el-formel-table实现验证规则的写法 重点是因为使用el-form el-table与单独使用el-form时数据不同前者是对象json数组后者是对象导致了el-form-item绑定prop时的写法不同 以下是el-formel-table实现验证规则的写法
template el-form :modelform refform :rulesformRules sizesmallel-table :dataform.userListel-table-column typeindex label序号/el-table-columnel-table-column label姓名template slot-scope{row, $index}el-form-item :propuserList.${$index}.name :rulesformRules.nameel-input v-modelrow.name/el-input/el-form-item/template/el-table-column/el-table/el-form
/templatescript
export default {data () {return {form: {userList: [{id: 1,name: 张三},{id: 2,name: 李四}]},formRules: {name: [{ required: true, message: 请输入姓名, trigger: blur },{ min: 2, max: 10, message: 长度在 2 到 10 个字符, trigger: blur }]}}},
}
/script
