問題タブ [vue-router]

vue-router のリンクからオブジェクト値を取得するには? たとえば、このリンクの「id」 http://laravel.dev/#!/messages/ 1703

したがって、そのIDを使用して、データベースから特定のデータを取得できます。

私のコード

申し訳ありませんが、リンクがクリックされたときにエラーが発生し、ビューとURLが変更されましたが、サーバーに送信されるのは http://laravel.dev/api/messages/undefinedです

ここでエラーのスクリーンショット

ありがとう

Vue.jsバニラ JavaScript と同様にリダイレクトを行いたい

Vue.jsでこれを達成するにはどうすればよいですか?

Vue.js でクエリ パラメータを取得するにはどうすればよいですか?

例http://somesite.com?test=yay。

取得する方法が見つかりませんか、それとも純粋な JS またはライブラリを使用する必要がありますか?

Laravel 5 バックエンドを備えた SPA に vue-router を使用する Web アプリケーションを開発しています。必要な JavaScript を作成するために.vue実行されるアプリ コンポーネントのファイルを利用します。laravel-elixir-vueify

Vue とともに vue-router を正常にセットアップし、メインの Vue および Vue ルーター インスタンスと同じファイルで定義されたコンポーネントをロードできます。

ただし、ファイルに含まれているコンポーネントを要求しようとすると、問題が発生し.vueます。Vue インスタンスを調べたときに browserify / vueify が実行の成功を報告しているにもかかわらず、Vue dev-tools によってインスタンス内に表示される匿名のコンポーネント フラグメントのみがあり、router-view.

外部コンポーネントが正しくロードされていないように見えますが、コンソール内にエラーはありません。

さまざまなコードとファイルの例を次に示します。

gulpfile.js

ダッシュボードOverview.vue

はdashboardOverview.vueにありresources\assets\js\components\dashboardOverview.vueます。

メインビュー

これは、次の JavaScript によって補足されます。

はdashboard.jsにありresources\assets\js\dashboard.jsます。

Vue ルーターの履歴モードを有効にするだけです。そして、v-href または href を介して vue ルーティングにアクセスすると、正常に動作します。しかし、そのページを更新しようとしたり、ブラウザのアドレスバーから直接移動しようとすると、404 が返されます。その URL への更新/再アクセスを受け入れるオプションはありますか?

以下は私のVueルーター構成です

と を使用してアプリを作成しvueてvue-routerいます。一部のルートでは、最初にいくつかの条件を確認し、それらの条件が満たされていない場合は別のコンポーネントにリダイレクトする必要があるため、コンポーネントのオプションでactivateフックを使用すると、正常に動作します。routerまた、同じコンポーネント内に、createdいくつかのデータをロードするための vue フックがあります。前に述べた条件が満たされない場合、作成されたフックにデータをロードできません。私が期待するのは、その条件が満たされていない場合、リダイレクトフックが呼び出された場合、作成されたフックはトリガーされませんが、実際に起こっていることは、その条件が false の場合、アクティブ化フックのリダイレクトが呼び出されるということです。そしてまたVue から作成されたフック。したがって、私の特定のユースケースの解決策以上に、vue と vue ルーターを一緒に使用する場合のフックの実行順序を知りたいです。