私はvuejsにさわやかページ単一ページアプリ

Question

を持っている私はvuejs上の単一ページのアプリケーションを構築し、私は次のような状況があります。

私はVUE-ルータとVUE-リソースを使用しています。 ナビゲーションメニューが正しく機能します。メニューのリンクをクリックすると、ページの一部がページを更新せずに変更されます。 しかし、私は...別のページにリダイレクト

this.$router.go('/about'); 

...全アプリのリフレッシュを使用しようとしているとき。

ページを更新せずにURLを変更する方法はありますか？

P.S.また、私は使用しようとしました：

window.location.href = "/about"; 

しかし、それは同じ結果を持っています。

ありがとうございます！

Answer 1

は

this.$router.push('/about'); 

$router.go(n)を使用してみてください、あなたのページが

をrefeshedなっている理由です window.history.go(n)

に似て転送して行くか、履歴スタックに逆方向に行くためにどのように多くの手順で示す整数をとり

あなたはプログラムによるナビゲーションの詳細を見ることができますhere

Answer 2

ほとんどの場合、シングルページアプリケーションのナビゲーションメニューで<router-link :to="/about">を使用します。 Vue APIの同様のメソッドはrouter.push（ '/ about'）です。これは、ナビゲーションボタンをクリックしたときに内部的に呼び出されるメソッドです。

テンプレート

<button @click="goToAbout()">About</button> 

スクリプト

methods: { 
      goToAbout: function() { 
      this.$router.push('/about') 
      }, 
} 

this.$router.go('/about');のご利用には、ブラウザの履歴スタックに逆方向に移動するために使用され、ここのように間違っています。このAPIは、ステップ数である整数を予期します。

`window.location.href ="/about "を使用すると、純粋に高レベルのブラウザ機能とVUEスパを超えます。