element-ui el-table 展示多列重复数据

配送信息

编辑

123

 3 ? 3 : tableData.length">

{{ tableData[scope.$index * 3 + index].name }}

{{ tableData[scope.$index * 3 + index].point }}

123

export default {

data() {

return {

tableData: [{ name: "张三", point: "60" }],

tableList: [],

}

},

created() {

for (let i = 0; i < 30; i++) {

this.tableData.push({

name: "张三" + i,

point: "60" + i,

})

}

if (this.tableData.length > 0) {

let num = Math.ceil(this.tableData.length / 3)

for (let j = 0; j < num; j++) {

this.tableList.push({})

}

}

},

}

你可能感兴趣的:(element-ui el-table 展示多列重复数据)