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内では、ウィンドウサイズ、ツールバーを表示するかどうかなどの制御を行います.