1. ホーム
  2. vue.js

[解決済み】Vue.jsの別ページへのリダイレクトについて

2022-04-14 01:48:36

質問

でリダイレクトを行いたい。 Vue.js バニラ・ジャバスクリプトと同じように

window.location.href = 'some_url'

Vue.jsでこれを実現するにはどうしたらいいでしょうか?

どのように解決するのですか?

を使用している場合 vue-router を使用する必要があります。 router.go(path) をクリックすると、特定のルートに移動します。 ルーターは、コンポーネント内部から this.$router .

それ以外の場合 window.location.href = 'some url'; は、シングルページでないアプリでは問題なく動作します。

EDIT : router.go() は、VueJS 2.0 で変更されました。VueJS 2.0では $router.push({ name: "yourroutename"}) または単に router.push("yourroutename") をリダイレクトするようになりました。

ドキュメンテーション

注:コントローラでは使用します。 this.$router.push({ name: 'routename' })