File tree Expand file tree Collapse file tree 2 files changed +18
-26
lines changed
src/views/example/table/dynamictable Expand file tree Collapse file tree 2 files changed +18
-26
lines changed Original file line number Diff line number Diff line change 1313 <el-table-column prop =" name" label =" fruitName" width =" 180" ></el-table-column >
1414 <el-table-column :key =' fruit' v-for =' (fruit,index) in formThead' :label =" fruit" >
1515 <template scope="scope">
16- {{scope.row.list[index].value }}
16+ {{scope.row[fruit] }}
1717 </template >
1818 </el-table-column >
1919 </el-table >
2828 return {
2929 tableData: [
3030 {
31- name: ' fruit1' ,
32- list: [
33- { name: ' apple1' , value: 10 },
34- { name: ' banana1' , value: 20 },
35- { name: ' orange1' , value: 20 }
36- ]
31+ name: ' fruit-1' ,
32+ apple: ' apple-10' ,
33+ banana: ' banana-10' ,
34+ orange: ' orange-10'
3735 },
3836 {
39- name: ' fruit2' ,
40- list: [
41- { name: ' apple2' , value: 12 },
42- { name: ' banana2' , value: 22 },
43- { name: ' orange2' , value: 20 }
44- ]
37+ name: ' fruit-2' ,
38+ apple: ' apple-20' ,
39+ banana: ' banana-20' ,
40+ orange: ' orange-20'
4541 }
4642 ],
4743 key: 1 , // table key
Original file line number Diff line number Diff line change 1414 </el-table-column >
1515 <el-table-column :key =' fruit' v-for =' (fruit,index) in formThead' :label =" fruit" >
1616 <template scope="scope">
17- {{scope.row.list[index].value }}
17+ {{scope.row[fruit] }}
1818 </template >
1919 </el-table-column >
2020 </el-table >
2828 return {
2929 tableData: [
3030 {
31- name: ' fruit1' ,
32- list: [
33- { name: ' apple1' , value: 10 },
34- { name: ' banana1' , value: 20 },
35- { name: ' orange1' , value: 20 }
36- ]
31+ name: ' fruit-1' ,
32+ apple: ' apple-10' ,
33+ banana: ' banana-10' ,
34+ orange: ' orange-10'
3735 },
3836 {
39- name: ' fruit2' ,
40- list: [
41- { name: ' apple2' , value: 12 },
42- { name: ' banana2' , value: 22 },
43- { name: ' orange2' , value: 20 }
44- ]
37+ name: ' fruit-2' ,
38+ apple: ' apple-20' ,
39+ banana: ' banana-20' ,
40+ orange: ' orange-20'
4541 }
4642 ],
4743 formThead: [' apple' , ' banana' ]
You can’t perform that action at this time.
0 commit comments