Таблицы Vue.js: ошибки vuetables и vue-tables-2

Я новичок в vue.js, но мне нужно визуализировать данные в таблице, я попробовал оба vuetables а также Vue столы-2 но оба они выдают ошибку, которая требует от меня редактирования их исходного файла, и я не думаю, что это хорошая идея.
Мой бэкэнд — Laravel 5.3.
Когда я использовал vuetables Я получил следующую ошибку:

ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-369be50a!./~/vue-loader/lib/selector.js?type=template&index=0!./~/vuetable/src/components/VuetablePagination.vue
template syntax error class="{{wrapperClass}}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div class="{{ val }}">, use <div :class="val">.
@ ./~/vuetable/src/components/VuetablePagination.vue 8:23-158
@ ./resources/assets/js/app.js

И с vue-tables-2 Я получил:

    ERROR in ./~/vue-tables-2/lib/template.jsx
Module parse failed: /home/vagrant/Code/project/node_modules/vue-tables-2/lib/template.jsx Unexpected token (15:7)
You may need an appropriate loader to handle this file type.
| var perPage = require('./template/per-page.jsx')(h, this);
|
| return <div class={"VueTables VueTables--" + this.source}>
|   <div class="row">
|     <div class="col-md-6">
@ ./~/vue-tables-2/lib/v-client-table.js 1:15-40
@ ./~/vue-tables-2/index.js
@ ./resources/assets/js/app.js

Есть ли способ исправить эти ошибки или какие другие варианты у меня есть?

1

Решение

Я сейчас пользуюсь семантико-щ. Я нашел его простым в использовании, и в нем много компонентов пользовательского интерфейса, включая Таблица. Хотя с vuetables а также vue-tables-2 вы получите только компонент таблицы, а для другого компонента вам придется использовать какую-то другую библиотеку.

Есть и другие варианты библиотек пользовательского интерфейса, которые также доступны для изучения:

1

Другие решения

vue-tables-2 теперь подается предварительно скомпилированным и не требует никаких преобразований.

1

По вопросам рекламы [email protected]