Vue.js表: vuetables和vue-tables-2错误

Question

我是vue.js的新手，但我需要在表中呈现数据我已经尝试过vuetables和vue-tables-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

有没有办法修复这些错误，或者我还有哪些其他选择？

Answer 1

vue-tables-2现在是预编译的，不需要任何转换。

Answer 2

我目前使用的是semantic-ui。我发现它很容易使用，而且它有很多UI组件，包括table。而使用vuetables和vue-tables-2时，您将只获得表组件，而对于其他组件，您将必须使用其他库。

您还可以浏览UI库的其他选项：

• Keen-UI
• quasar
• mint-ui
• material-ui-vue
• vue-mdl
• vux
• iview