タグ付けされた質問 「vue-router」

#!URLからハッシュバングを削除する方法？ Vueルーターのドキュメント（http://vuejs.github.io/vue-router/en/options.html）にハッシュバングを無効にするオプションが見つかりましたが、このオプションは削除されます#!れて# きれいなURLを取得する方法はありますか？ 例： しない： #!/home だが： /home

257 vue.js  vue-router 

Vue.jsでクエリパラメータをフェッチするにはどうすればよいですか？ 例えばhttp://somesite.com?test=yay。 フェッチする方法が見つからない、または純粋なJSまたはこのためのライブラリを使用する必要がありますか？

251 javascript  vue.js  vue-router  url-parameters 

支払いゲートウェイには2つの外部スクリプトを使用する必要があります。現在、両方がindex.htmlファイルに入れられています。ただし、これらのファイルを最初にロードしたくありません。支払いゲートウェイは、ユーザーが特定のコンポーネントを開いたときにのみ必要です（using router-view）。 とにかくこれを達成する方法はありますか？

150 javascript  vue.js  vuejs2  vue-component  vue-router 

私はこのようなことをやろうとしています： <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> の値を属性r.idの最後に追加してhrefAPI呼び出しを行う方法がわかりません。助言がありますか？

141 vue.js  vue-router 

私のメインページにはv-show=show、リンク@click = "show=!show"をクリックして表示されるドロップダウンがあり、show=falseルートを変更するときに設定します。このことを実現する方法を教えてください。

134 vue.js  vuejs2  vue-router 

Vue.jsバニラのjavascriptのようにリダイレクトを作成したい window.location.href = 'some_url' Vue.jsでこれを実現するにはどうすればよいですか？

133 vue.js  url-routing  vuejs2  vue-router 

入力フィールドを変更するときにVue-routerでクエリパラメータを設定しようとしています。他のページに移動したくないが、同じページのURLクエリパラメータを変更したいだけです。次のようにしています。 this.$router.replace({ query: { q1: "q1" } }) ただし、これによってページが更新され、y位置が0に設定されます。つまり、ページの上部にスクロールします。これは、URLクエリパラメータを設定する正しい方法ですか、それともより適切な方法ですか。 編集： これが私のルーターコードです： export default new Router({ mode: 'history', scrollBehavior: (to, from, savedPosition) => { if (to.hash) { return {selector: to.hash} } else { return {x: 0, y: 0} } }, routes: [ ....... { path: '/user/:id', component: UserView }, ] })

114 javascript  vue-router  vue.js 

私はこのプルリクエストで見ます： 追加する router.reload() 現在のパスでリロードし、データフックを再度呼び出します しかし、Vueコンポーネントから次のコマンドを発行しようとすると： this.$router.reload() このエラーが発生します： Uncaught TypeError: this.$router.reload is not a function ドキュメントを検索しましたが、関連するものが見つかりませんでした。vue / vue-routerプロバイダーはこのような機能を提供していますか？ 私が興味を持っているソフトウェアのバージョンは次のとおりです。 "vue": "^2.1.0", "vue-router": "^2.0.3", PS。私が知っているlocation.reload()選択肢の一つですが、私はネイティブVueのオプションを探しています。

101 vue.js  vue-router  vuejs2 

多くの（50以上の）単一ファイルコンポーネントを含む Vue 2プロジェクトがあります。ルーティングにはVue-Router、状態にはVuexを使用しています。 helpers.jsと呼ばれるファイルがあり、文字列の最初の文字を大文字にするなどの汎用関数の束が含まれています。このファイルは次のようになります。 export default { capitalizeFirstLetter(str) { return str.charAt(0).toUpperCase() + str.slice(1); } } 私のmain.jsファイルはアプリを初期化します： import Vue from 'vue' import VueResource from "vue-resource" import store from "./store" import Router from "./router" import App from "./components/App.vue" Vue.use(VueResource) const app = new Vue({ router: Router, store, template: '<app></app>', components: { App …

100 vue.js  vue-router 

Наэтотвопросестьответынаスタックオーバーフローнарусском：КаквVUE-ルータоткрытьссылкувновойвкладке？ 概要ページと詳細サブページがあります。すべてのルートは、次のvue-routerようなプログラムナビゲーションを使用して（v 0.7.x）で実装されます。 this.$router.go({ path: "/link/to/page" }) ただし、概要ページからサブページにルーティングする場合は_target="blank"、<a>タグに追加する場合と同じように、新しいタブでサブページを開く必要があります。 これを行う方法はありますか？

99 javascript  vue.js  vue-router 

次のシーケンスが発生しています。 メインスクリーン ロード画面 結果画面 ホームページで、誰かがボタンをクリックすると、私はそれらをロード画面に送ります： this.$router.push({path: "/loading"}); そして、タスクが完了すると、それらは結果画面に送信されます。 this.$router.push({path: "/results/xxxx"}); 問題は、通常、結果からメイン画面に戻りたいが、クリックすると再びロードに送られ、結果に戻るため、無限ループに陥ってしまい、アクセスできないメイン画面に戻ります。 これを修正する方法はありますか？私は理想的には次のようなオプションがあったらいいのに： this.$router.push({path: "/loading", addToHistory: false}); 履歴に追加せずにルートに送信します。

12 javascript  vue.js  vue-router 

基本パスを使用して新しいVueアプリを作成しました。アプリが別のVueアプリに埋め込まれているため、このアプリはrouter-view起動時にをレンダリングしません。このアプリが別のアプリに組み込まれる方法または理由について詳しく知りたい場合は、こちらをご覧ください。 VueアプリをメインVueアプリのコンテナーにマウントする この問題に対する私自身の答え： https://stackoverflow.com/a/58265830/9945420 アプリケーションを起動すると、以外のすべてがレンダリングされますrouter-view。起動時に指定のブラウザURLでリダイレクトしたい。これは私のルーター設定です： import Vue from 'vue'; import Router from 'vue-router'; import One from './views/One.vue'; import Two from './views/Two.vue'; Vue.use(Router); const router = new Router({ base: '/my-embedded-app/', mode: 'history', routes: [ { path: '/', component: One, }, { path: '/two', component: Two, }, ], }); router.replace(router.currentRoute.fullPath); export default …

9 javascript  vue.js  vuejs2  vue-router