当前位置: 首页 > Web前端 > vue.js

vue+element动态header的写法(二)

时间:2023-04-01 01:12:15 vue.js

这里的header和data还是分开的。与上一篇不同的是,headerData的属性和数据bodyData中的属性值是一一对应的关系,但是好处是前端人员不需要再对bodyData进行处理了。直接绑定到表格修改删除exportdefault{data(){return{headerData:[],bodyData:[],}},}this.bodyData=[{"ItemId":"6de78eb1-c4cc-4230-a7d7-66284a43d7b9","94D6D990-3297-4429-9ADC-5931955B0273":"3对错1","702E6A12-2D97-47C2-868C-8A3BFFC:005D0"范德萨负多于少","23CC25FE-61C8-40D4-92B2-DC92167E8886":"是非得失","01DB8668-F554-4F8E-94C6-D775ACE3EE22":"谁送的","2CD4BABF-E69E-4BC9-9772-193DB728F97E":"徐晓晨","5788220E-1E4D-4784-B4CD-35CC33537B1B":"0","5FDCEF38-12B7-4BE5-AC85-B48B0745F46B":"再次发送SV"},{"ItemId":"219db66f-ec30-474c-abe7-46745e818c59","94D6D990-3297-4429-9ADC-5931955B0273":"评论评论1231","702E6A12-2D97-47C2-868C-8A3BFFC":005D评论回复":,"23CC25FE-61C8-40D4-92B2-DC92167E8886":"方法分解大师","01DB8668-F554-4F8E-94C6-D775ACE3EE22":"求值求值","2CD4BABF-E69E-4BC9-9772-193DB728F97E":"创新项目","5788220E-1E4D-4784-B4CD-35CC33537B1B":"10","5FDCEF38-12B7-4BE5-AC85-B48B0745F46B":"是冯绍峰是"},{"ItemId":"21ad165d-da38-4914-9d75-98fbd5b83d70","94D6D990-3297-4429-9ADC-5931955B0273":"132","702E6A12-2-47C2-868C-8A3BFFC005D0":"Scatteringisonthesofa","23CC25FE-61C8-40D4-92B2-DC92167E8886":"23winsmorethan2","01DB8668-F554-4F8E-94C6-D775ACE3EE22":"More赢少输","2CD4BABF-E69E-4BC9-9772-193DB728F97E":"多赢少输","5788220E-1E4D-4784-B4CD-35CC33537B1B":"11","5FDCEF38-12B7-4BE5-AC85-B48B0745F46B":"对与错"}]this.headerData=[{"FieldId":"94D6D990-3297-4429-9ADC-5931955B0273","FieldName":"Chapter","FieldValue":null,"IsRequired":true,"Type":1,"RowIndex":10,"CreateDate":"2020/12/1810:38:08","Remark":"","FieldType":"Input"},{"FieldId":"702E6A12-2D97-47C2-868C-8A3BFFC005D0","FieldName":"类别","FieldValue":null,"IsRequired":true,"Type":1,"RowIndex":20,"CreateDate":"2020/12/1810:38:08","Remark":"","FieldType":"Input"},{"FieldId":"23CC25FE-61C8-40D4-92B2-DC92167E8886","FieldName":"图纸","FieldValue":null,"IsRequired":true,"Type":1,"RowIndex":30,"CreateDate":"2020/12/1810:38:08","Remark":"","FieldType":"Input"},{"FieldId":"01DB8668-F554-4F8E-94C6-D775ACE3EE22","FieldName":"评价要求","FieldValue":null,"IsRequired":true,"Type":1,"RowIndex":40,"CreateDate":"2020/12/1810:38:08","备注":"","FieldType":"TextArea"},{"FieldId":"2CD4BABF-E69E-4BC9-9772-193DB728F97E","FieldName":"问题描述","FieldValue":null,"IsRequired":true,"Type":1,"RowIndex":50,"CreateDate":"2020/12/1810:38:08","Remark":"","FieldType":"Input"},{"FieldId":"5788220E-1E4D-4784-B4CD-35CC33537B1B","FieldName":"Score","FieldValue":null,"IsRequired":true,"Type":1,"RowIndex":60,"CreateDate":"2020/12/1810:38:08","Remark":"","FieldType":"输入"},{"FieldId":"5FDCEF38-12B7-4BE5-AC85-B48B0745F46B","FieldName":"文章描述","FieldValue":null,"IsRequired":true,"Type":1,"RowIndex":70,"CreateDate":"2020/12/1810:38:08","Remark":"","FieldType":"Input"}]上一篇:vue+element动态表头的写法(一)下一篇:vue+element动态表头怎么写(三)