@ordinary_pavel

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

Всем привет. Есть сетка из нескольких блоков (сотрудники компании). По дефолту в шаблоне 3 сотрудника поделены col-sm-4. Как с помощью vue динамически изменять количество столбцов исходя из количества сотрудников?
  • Вопрос задан
  • 235 просмотров
Решения вопроса 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';
    },
  },
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы