問題タブ [vue-resource]

vue リソース データを解析し、サーバーから受信したデータに応じてコールバック リクエストを送信したいのですが、Vue.interceptorsまたは.thenコールバックを使用してこれを達成するにはどうすればよいですか。

vue-resource を定義しました:

リソース.js:

したがって、そのリソースで get メソッドを呼び出すと、次のようになります。

この ajax 呼び出しは、次の要求を行います。

問題：

しかし、.updateor.saveではなくを使用する.getと、リクエスト URL が期待どおりになりません。

/teamリクエスト本文ですべてのパラメータが転送されたリクエストのみを送信します。

.saveそのようなまたは.updateajax 呼び出しで URL パラメータを指定するにはどうすればよいですか?

POST リクエストを送信していますが、422 レスポンス以外は何も取得できません。

Vue.js クライアント コード:

Laravel ルート:

Laravel コントローラー:

フォームから渡される ID の値を登録システムのコントローラーに挿入するのに苦労しています。これを実現するために、vue.js と vue-resource ライブラリを利用します。私のall.jsファイルでは、渡されたIDをconsole.logに記録すると、正しいID値が得られます。ただし、アプリケーションのルート アドレスに渡すと、500 エラーが発生します。また、デバッグ時にこのエラーが発生します SQLSTATE[23000]: Integrity constraint violation: 1048 Column 'section_subject_id' cannot be null (SQL: insert into reservations. どうすれば解決できますか?

予約コントローラー.php

all.js

form.blade.php

ピボット テーブルを使用しているこのプロジェクトがあります。ただし、 vue リソースと vue js を使用して ReservationController でデータをフェッチすると、機能していないようです。以下のコードを参照してください。ピボット テーブルでデータを取得する正しい方法は何ですか?

更新: これが私のモデルとテーブルです: Student.php

SectionSubject.php

section_subject_student テーブル

対象モデル

断面モデル

予約コントローラー.php

all.js

});

最後に、これが私の index.view です。ここでは、ピボット テーブルにすべてのデータを表示したいと考えています。laravel の foreach メソッドを使用する場合のコードは次のとおりです。しかし、vue js (v-for) を使用してデータを取得したいと考えています。誰でもこれについて私を助けてもらえますか?

クラブリーの提案への出力

browserify で vue-resource を使用しようとしています。しかし、私は常に次のエラーが発生します。Cannot read property 'get' of undefined. Web で検索を試みましたが、解決策が機能しません。

npm install を使用してインストールしますvue。vue-resource

パッケージ.json

私のデータベース Web アプリケーションでは、テーブルごとに 1 つずつ、非常に多くの異なるページが必要です。アプリケーションに含まれるページはユーザーごとに異なるため、事前にすべてのページを含めたくありません。これにより、必要以上に大きくなり、起動時に遅くなる可能性があるためです。

これまでの私のアプリケーションにはVue、すべてのページのデータを保持するインスタンスが 1 つしかありません。それぞれのサブオブジェクトはdata. vue-resourceデータは(を使用して) JSON としてオンザフライで読み込まれる$http.get()ため、起動時dataはかなり空です。

ここで、ページの HTML を動的にロードし、それらを既存のVueインスタンスにバインドする方法が必要です。以前は jQuery でページを読み込んでいましたが、この Vue アプリケーションでこれを行うと、読み込んだページのコンテンツにデータがバインドされません。

Vue コンポーネントを調べましたが、これはページ全体ではなく、ページ上の反復可能な (小さな) 要素に適しているようですが、間違っている場合は修正してください。

vueify、 、browserifyにも出くわしましWebpackたが、これらは今の私には少し高度すぎるようです。以前に含まれていたように、いくつかの HTML を読み込んで Vue で使用したいだけです。

誰かがこれを行う正しい方法を説明してもらえますか?

アップデート

Vueパーシャルは解決策のようです:

あなたのHTMLファイルで：

<partial :name="currentModule"></partial>

そしてあなたのJavascriptで：

これはvue-resourceAJAX を使用しますが、これはjquery.ajax()や他のものでも行うことができます。

ユーザーがボタンをクリックすると、データがテーブルに表示されるというこのプロジェクトがあります。ただし、ここで見られるようにテーブルを使用していますhttp://i.stack.imgur.com/HW4rE.jpg。私が望むのは、ユーザーが登録フォーム テーブルの追加ボタンをクリックすると、ページを更新する必要なく、追加された科目テーブルに表示されることです。問題は、テーブルを使用していて、v-model を使用して値をバインドできないことです。

だからここに私のform.blade.phpがあります

入学願書表

追加されたサブジェクト テーブル

そして、ここに私のall.jsがあります

ページを更新しなくても、この問題を解決する方法を教えてください。