Как на vue пересчитывать количество колонок bootstrap?

Question

[ordinary_pavel]

Всем привет. Есть сетка из нескольких блоков (сотрудники компании). По дефолту в шаблоне 3 сотрудника поделены col-sm-4. Как с помощью vue динамически изменять количество столбцов исходя из количества сотрудников?

Answer 1

[Андрей Хохлов]

<div class="row">
  <div v-for="user in users" v-bind:class="userClass">></div >
</div >

const vm = new Vue({
  el: '#app',
  data: {
    users: [],
  },
  computed: {
    userClass() {
      // ваша логика разделения по колонкам
      return this.users.length > 3 ?  'col-sm-4' :  'col-sm-12';
    },
  },
});