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

时间:2016-11-15 09:09:32

标签: php laravel-5 vue.js vue-tables-2

我是vue.js的新手,但是我需要在表格中呈现数据我已经尝试了vuetablesvue-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

有没有办法解决这些错误或我有哪些其他选项?

2 个答案:

答案 0 :(得分:2)

var list: NSMutableArray! = NSMutableArray() list.add("Apple") list[0].color = red // Something like this 现已提供预编译,并且不需要任何转换。

答案 1 :(得分:1)

我目前正在使用semantic-ui。我发现它易于使用,它有很多UI组件,包括table。使用vuetablesvue-tables-2时,您将只获得表组件,而对于其他组件,您将不得不使用其他库。

您还可以使用其他UI库选项进行探索: