1

vue.js は初めてですが、テーブルにデータをレンダリングする必要があります。 . 私のバックエンドは 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

これらのエラーを修正する方法はありますか、または他にどのようなオプションがありますか?

4

2 に答える 2

2

vue-tables-2コンパイル済みで提供されるようになり、変換は必要ありません。

于 2017-03-02T09:05:32.820 に答える
1

現在、セマンティック uiを使用しています。使いやすく、tableを含む多くの UI コンポーネントがあります。を使用するvuetablesとvue-tables-2テーブルコンポーネントのみが取得され、他のコンポーネントの場合は他のライブラリを使用する必要があります。

探索できる UI ライブラリの他のオプションもあります。

于 2016-11-15T09:25:52.820 に答える