Как создать листинг с сортировкой поискового компонента в Vuejs 2 и bootstrap 3 + laravel

Question

Я новичок в vuejs, поэтому любой может объяснить, как создать список (например, Пользователь, Мой заказ как сетка) компонентов.

Я нашел одно лучшее решение, но оно не совместимо с начальной загрузкой-3, но мой существующий проект находится под начальной загрузкой-3

Я хочу подобное в bootstrap3: https://bootstrap -vue.js.org / docs / components / table # complete-example

Есть ли какая-либо версия bootstap-vue, совместимая с bootstap3, если нет, то можете ли вы дать альтернативное решение.

Заранее спасибо.

Answer 1

вы можете использовать https://ratiw.github.io/vuetable-2 Компонент легко модифицируется, и вы можете передавать объекты с классами в его подпорках, чтобы таблица работала с каждым фреймворком CSS:

template:

<vuetable ref="movementsTable"
           :css="table"
           api-url="api/movements/resource"
           :fields="fields"
           pagination-path=""
           ></vuetable>

состояние:

data() {
  return {
    table: {
      tableClass: 'table table-hover',
      loadingClass: 'loading',
      ascendingIcon: 'fa fa-chevron-up',
      descendingIcon: 'fa fa-chevron-down',
      handleIcon: 'fa fa-caret-left',
    },
  },
},

Проверьте этот пример!https://github.com/ratiw/vuetable-2-with-laravel-5.4