直接扔代码~
import moment from "moment";
export default {
methods: {
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if(columnIndex === 0){
const _row = this.spanArr[rowIndex]
const _col = _row>0?1:0;
return{
rowspan:_row,
colspan:_col
}
}
if(columnIndex === 1){
const _row = this.spanArr[rowIndex]
const _col = _row>0?1:0;
return{
rowspan:_row,
colspan:_col
}
}
}
},
mounted:function(){
let contactDot = 0;
this.tableData4.forEach((item,index) => {
item.index = index;
if(index === 0){
this.spanArr.push(1);
}else{
if(item.id === this.tableData4[index - 1].id){
this.spanArr[contactDot] +=1;
this.spanArr.push(0);
}else{
this.spanArr.push(1);
contactDot = index;
}
}
});
},
data() {
return {
spanArr:[],
tableData4: [
{
id: "12987122",
name: "王小虎",
amount1: "234",
amount2: "3.2",
amount3: 10
},
{
id: "12987122",
name: "王小虎",
amount1: "165",
amount2: "4.43",
amount3: 12
},
{
id: "你好",
name: "王小虎",
amount1: "324",
amount2: "1.9",
amount3: 9
},
{
id: "你好",
name: "王小虎",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "你好",
name: "王小虎",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "你",
name: "王小虎",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "你",
name: "王小虎",
amount1: "621",
amount2: "2.2",
amount3: 17
},
{
id: "你",
name: "王小虎",
amount1: "539",
amount2: "4.1",
amount3: 15
},
{
id: "他",
name: "王小虎",
amount1: "539",
amount2: "4.1",
amount3: 15
}
],
formLabelWidth: "90px"
};
},
computed: {},
beforeMount: function() {},
};