Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

191
Visualizações
Vue and Bootstrap not working together row/col

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);
    }
  },

enter image description here

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda