問題タブ [vue-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
936 参照

vue.js - Vue コンポーネントの再利用、データの削除

シンプルなイベント システムに vue-router を使用してコンポーネント システムをセットアップしました。既存のイベントの編集と新しいイベントの作成の両方に同じコンポーネントを使用できるようにしたいと考えています。

あるイベントの編集から別のイベントの作成に移動するときに、コンポーネントからデータを削除する方法がわかりません。

次のことを試しましたが、うまくいきません。

  • v-link で eventId: null を設定する
  • v-on:click を使用して eventId を null に設定する
  • eventId の設定: this.$route.params.eventId

ルーター マップ: create と eventDashboard ルートは同じコンポーネントを指します。

新しいイベントを作成するために使用するボタンは次のとおりです。

そしてコンポーネント:

0 投票する
3 に答える
27079 参照

vue.js - vue-router v-link に変数を渡す方法

nav リストをレンダリングするための vue コンポーネントがあり、nav リストを渡します。各項目にはタイトルとリンクが含まれています。

v-link パスに変数item.linkを渡そうとしましたが、失敗しました。

この警告を取得します:

変数を v-link パスに渡す場合はどうすればよいですか?

読んでくれてありがとう :)

0 投票する
2 に答える
1336 参照

vue.js - Vue jsは親と子のデータをVue-Routerと同期します

私の vuejs アプリケーションでは、ルーティングに vue-router を使用しています。これを除いて、すべてが正常に機能しています。

私の親では、左側に以下のようなリンクを持つリスト ビューがあります。

クリックすると、ネストされたルートがアクティブになり、右側に詳細ビューが表示されます。

今私の問題は、親ビューで、タスクが完了したかどうかを切り替えることができることです。

タスクが完了したかどうかを子ビューで示すラベルがあります。

親ビューでステータスの変更を行ったときに、子ビューにステータスの変更を反映するにはどうすればよいですか。ページを更新する必要がありますか? または、より簡単な解決策があります。

簡単に言えば、親ビューで完了ステータスを切り替えると、子ビューでラベルが変更されるはずです。

0 投票する
2 に答える
4107 参照

vue.js - Vue ルーターでコールバック URL を処理する

私は Stampplay を BaaS として使用しているので、ユーザーを認証するためにリダイレクトするだけです。

/auth/v1/auth0/接続

その後、ユーザー認証.. Stampplayは私のアプリを呼び出します

/login/callback?jwt=abc.123.xyz

Stampplay がアプリを呼び出した後、ユーザーを認証するにはどうすればよいですか?

試した

私は私のルーター設定を試します..

0 投票する
1 に答える
1964 参照

javascript - 外部ファイルから Vue にアクセスする

読みやすくするために、ルートを外部ファイルに定義したいと思います。

私のmain.jsファイルは、Vue アプリを開始する場所です。以下を参照してください。

アプリケーションがスケーリングされたときに読みやすくするために、ルート定義var Monday = Vue.extend({ ... })などを独自のファイルに分割することをお勧めします。

問題:RouteDefinitions.jsファイルを作成する場合、定義する必要がある "Vue" にアクセスできませんVue.extend。RouteDefinitions.js 内からimport Vue from 'vue' 再度使用する必要がありますか? これは危険信号ですか?それとも、すべてのルート ロジックを main.js 内に保持する必要がありますか?