道招
el-table搭配el-form实现数据校验
之前已经讲过一个关于el-form的校验的文章《 element-ui动态表单async-validate校验 please transfer a valid prop path to form item! 》,表单的校验依然是async-validate实现的。 目前在项目中使用到的表格很多时候比表单还多,以前表格是自己写的校验,这样一般是在点击提交按钮时会触发校验,代码一般是这样的。
el-table实现动态列el-table-column
element-ui的官网有el-table实现自定义表头的demo,没错,实现动态列就是用的这个。 假设我们有个这样的添加动态列的需求:将班上的同学(人数不固定)的各科成绩根据姓名横向展示出来,比如目前只有两科(Math和English),各科成绩已经按照studentNO排序。 先直接看table的 data的数据结构吧 listData: [{
关注道招网公众帐号