I am trying to get the rows to include 2 cols each, and it is working to get 4 rows, but I it places the cols wrong, and I cannot figure out why.. Is there anyone who can help me, and explain why my code doesn't work?
data() {
return {
sortMethod: 1,
postPerRow: 2,
rowsAmount: 1,
column: 'col-md-6',
}
},
computed: {
rows() {
if (this.postsFilter.length == 1) {
this.column = 'col';
this.rowsAmount = 1;
return this.rowsAmount;
} else {
this.rowsAmount = Math.ceil(this.postsFilter.length / this.postPerRow);
console.log(this.rowsAmount);
this.column = 'col-md-6';
return this.rowsAmount;
}
},
},
methods: {
postRows(index) {
return this.postsFilter.slice((index - 1) * this.rows, index * this.rows);
}
},