問題タブ [vue-resource]

main.js ファイルの Vue-Resource でルート オプションを指定していますが、リクエストを実行すると、ルート オプションが使用されません。私は何が欠けていますか?

コードは次のとおりです。

main.js:

コンポーネント内:

私は何を間違っていますか？

Vue.js v1.0.15 と Vue-Resource v0.6.1 を使用しています

ご協力ありがとうございました。

データベースへの呼び出しを使用して結果を取得し、それらを配列にプッシュしています。ただしconsole.log(this.activeBeers)、配列ではなくオブジェクトが返される場合。オブジェクトの代わりに単純な配列を取得するにはどうすればよいですか?

返されたデータは、ネストされたオブジェクトを持つオブジェクトの配列です。返されたデータのその部分にアクセスできないように見えるため、テンプレートの v-for ループで「イベント」を表示できません。

データは次のように返されます (Vue DevTools から):

Vue-resource (CDN 経由) を使用して、テンプレート内のイベントのみを表示するにはどうすればよいですか?

テンプレート：

私のアプリケーション：

私は最近 Vue.js を学んでいて、component スコープの概念を理解するのに苦労しています。

ドキュメントの例から私が理解したことから、子コンポーネントは親コンポーネント内でのみ機能します。

しかし、私はこの結果を達成することができません。誰かが私が間違っているところを教えてもらえますか?

これが私のフィドルです。

一部の json データで vue-resource を使用する際に問題が発生しています。ここの例に従っています: https://github.com/vuejs/vue-resource/blob/master/docs/http.md

私の vue-resource 呼び出しは次のようになります。

ここで jsfiddle を参照してください: http://jsfiddle.net/greene48/yb5chmfr/

しかし、別のデータ セットの API 呼び出しを切り替えるとうまくいくようです: http://jsfiddle.net/greene48/92gfwqL3/

それで、私が使おうとしているjsonに何か問題があるのでしょうか？どんな助けでも大歓迎です。ありがとう

私は2つのコンポーネントを持っています。fetchProjectList()メソッド内でメソッドを呼び出すにはどうすればよいですかcreateProject()。

最初のコンポーネント:

2 番目のコンポーネント

私はまだアプローチについて議論していますが、これは私が今のところ持っているものです。フィルターはうまく機能しますが、データ リストは 2,000 アイテムを超えるため、何らかの制限を適用する必要があります。問題は、ビューを制限するには、私が試したメソッドによってフィルターが設定された新しい API プルが必要になることです。

私の質問は、どうにかして API 呼び出しからページ付けするか、すべてのデータをプルして vue でページ付けする必要がありますか? おそらくバックエンドでフィルタリングして別の API 呼び出しを適用する必要がありますか、それとも以下のものを使用する必要がありますか? フィルタリングはうまく機能しますが、表示されるものを制限しながらリスト全体をフィルタリングして返す方法がわかりません。

私の Vue アプリとコンポーネント:

私のマークアップ:

Vue.js を使用しようとしています。リクエストが正常に検証されない場合 (400)、私のサービスは ajax レスポンスを返します。応答には、入力フィールドを css 'invalid' クラスでマークするために使用したい無効なデータ フィールドの詳細が含まれています。

vue.js フォームは

また、不正なリクエスト応答にはデータが含まれています: