Vueとvue-tables-2-tでJsFiddleを設定すると、定義されていません

Question

特定のvue-tables-2パッケージの実装について助けを得ようとしています。これを行うために、私はjsfiddleをセットアップして、最も基本的な実装でさえもt is undefinedエラーを得ようとしています。他の誰かがこのエラーに遭遇しましたか？私はそれが依存関係のインポートと関係があると思うが、それを解決することはできないようだ。

jsfiddleを起動して実行する方法についてのご意見をお待ちしております。

HTML

<div id="app"> 
    <div class="col-md-8 col-md-offset-2"> 
    <div id="people"> 
     <v-server-table url="https://jsonplaceholder.typicode.com/users" :columns="columns" :options="options"> 
     </v-server-table> 
    </div> 
    </div> 
</div> 

はJavaScript

Vue.use(VueTables.ServerTable); 

new Vue({ 
    el: "#people", 
    data: { 
     columns: ['name', 'username'], 
     options: { 
      // see the options API 
     } 
    } 
}); 

https://jsfiddle.net/kbpq5vb3/35/

Answer 1

ドキュメントに記載されているように要求しているサーバーが正しいデータ形式vue-tables-2を提供していないようだ。

2つのプロパティを持つJSONオブジェクトを返す必要があります。

• data：array - 同じキーを持つ行オブジェクトの配列。
• count：number - 制限前の合計数。

サーバーが返す、あなたはおそらく、あなたがaxiosでデータをつかむことができ、クライアントのテーブルを使用しなければならないものを変更することができない場合。

axiosを使用してデータを取得する最小のクライアントテーブルの例。 https://jsfiddle.net/kbpq5vb3/38/