問題タブ [vue-resource]

画像を適切に表示することはできますが、理由もなくコンソールに JavaScript エラーが表示されます。これが私のコードです：

取得カテゴリ:

カテゴリを表示するテーブルは次のとおりです。

画像は適切に表示されますが、javascript コンソールには画像の URL を示す 2 404 エラーが表示されます GET http://localhost/project/%7B%7B%20category.icon%20%7D%7D 404 (Not Found)

このエラーを無視する必要がありますか? または、画像パスにベース URL を含める他の方法はありますか?

注意してください、私は Laravel フレームワークを使用しています。また、SOにも同様の質問があります。確認しましたが、それらの解決策に基づいて問題を解決できませんでした...

CSRFトークンを私の知る限り正しく設定しましたが、なぜ機能しないのかわかりません。

コンソールを確認すると、3 つの Cookie があるようです。2 つの Request Cookie のうち、1 つが呼び出されXSRF-TOKEN、1 つがlaravel_session. そしてレスポンlaravel_sessionクッキー1枚。価値観が違う！！！

私のビュー:

私の頭：

私の Vue コンポーネントの addNew メソッド:

私のルート：

そして最後に、私の Vue テンプレートのフォーム:

ネストされた JSON の特定のレベルの各要素に、それ自体のパラメーターを使用して JSON を繰り返し挿入することになっている私の関数は、返された最初のオブジェクトを複製し、それを各ネストされたパラメーターに挿入しています。以下のスクリーンショットとコードを参照して、私が何をしているのかを感じてください。

基本的に、状態内にネストされた JSON オブジェクトがあり、API から JSON を返すアクションと状態を更新するミューテーションを使用して、既存のオブジェクトの各「行」のネストされたプロパティに繰り返し追加する必要があります。

問題は突然変異の中にあると思います。私の関数は、API から返された最初の JSON オブジェクトを複製していると推測しました。API 関数および JSON の構造とともに、以下の Action および Mutation 関数を参照してください。

http://api.capecodcommission.org/docs/index.html#sumofannualcapitaltotalsfor Treatment

v-for を使用して実行される特定のコンポーネント内の関数:

関数の実行、JSON の表示:

V-for ループ:

API 関数:

アクション: API から JSON をプルし、ミューテーション関数をディスパッチします。

Mutation: JSON で状態を更新します。

編集：下の写真

コンポーネント: http://i.imgur.com/lcS5Fgo.jpg

JSON 構造: http://i.imgur.com/AsANZOp.jpg

Vue + Rethink の使用を開始し、両方の概念が大好きで、簡単な todo リストの作成を開始しています。Vue + Express + RethinkDB が CRD (まだ更新なし) 操作で適切に動作するスケルトン アプリを作成しました。すべてがダンディですが、もちろんデータはリアルタイムではありません。タスク/ToDo アイテムを挿入すると、ページを更新して表示する必要があります。

RethinkDB の変更フィードを調べてみましたが、これは興味深いようですが、現在の Express API セットアップにそれらを実装する方法が 100% わかっているわけではありません。Socket.io で遊んでいるいくつかの例を見つけたので、それを自分のセットアップにも実装しようとしています (これは必要ですか??)。

私のコードベースはすべてここにあります: https://github.com/patrickbolle/vue-todo

すべての項目を表示する TaskList.vue コンポーネントの例を次に示します。

API に投稿して新しいタスクを作成すると、(空白の) タスクが表示されますが、既存のタスクは表示されません。

/tasks の GET ルートは次のとおりです。

正直なところ、私は自分自身をますます混乱させています。私は Meteor のバックグラウンドを持っているので、この Web ソケット/API を行うことは私にとって混乱を招きます。誰かが私に正しい方向への指針を与えることができれば、私はとても感謝しています.

- GET /api/tasks ルートからタスクを取得する - ソケットから新しいタスクを取得する... これも GET /api/tasks ルートにありますか? - Vue JS で表示する

Laravel でプロジェクトに取り組んでおり、Vue と Vue Resource をそれに統合したいと考えています。セットアップしましたが、期待どおりに動作しません。以下は私のコードです：

ルート.php

app.js

私の見解

上記のコードでは、ページには何も表示されませんが、

json でプロジェクト データを取得します。これはちょっと奇妙です。私が間違っていることを教えてください。

`@{{ $data | @{{ $data | json}}。以下は、使用しているコードです

app.js

project.vue

私の見解

コンポーネントにする前に、これはうまく機能していました。

編集 問題は<slot></slot>部品にあると思います。次のようにコンポーネントテンプレートにすべてを含めると発生します。

上記では機能しますが、これでは機能しません：

使い方を<slot></slot>間違っているのでしょうか？