vue単一ページアプリケーション新しいウィンドウを開いてジャンプページを表示する方法
702 ワード
一般的に、vueなどの単一ページアプリケーションは、vue-routerによってジャンプされ、複数ページアプリケーションのように新しいページ表示は行われませんが、ビジネス上の必要性も排除されません.
一般的に、注文ページアプリケーションのルーティングジャンプは簡単な一言でできます.
以上が従来のルーティングによるページジャンプ方法である.
私たちの現在のニーズは、ジャンプしたページを表示するために別の新しいページを開くことです.元のウィンドウはページを維持します.
一般的に、注文ページアプリケーションのルーティングジャンプは簡単な一言でできます.
this.$router.push({name: 'abc'})
以上が従来のルーティングによるページジャンプ方法である.
私たちの現在のニーズは、ジャンプしたページを表示するために別の新しいページを開くことです.元のウィンドウはページを維持します.
const { href } = this.$router.resolve({
name: 'abc'
})
window.open(href, '_blank', 'toolbar=yes, width=1300, height=900')
vue-routerとwindowをOpen結合すればいいです.原理は簡単で、あなたがジャンプする住所を取得して、住所をwindowに伝えます.Open、彼に新しいウィンドウを作ってルーティングアドレスを開けさせて、元のページのルーティングはジャンプしないで、windowでもいいです.Open内では、ウィンドウサイズ、ツールバーを表示するかどうかなどの制御を行います.