概要ページと詳細サブページがあります。すべてのルートは、vue-router
次のようなプログラムによるナビゲーションを使用して (v 0.7.x) で実装されています。
this.$router.go({ path: "/link/to/page" })
ただし、概要ページからサブページにルーティングする場合は、_target="blank"
タグを追加する場合と同じように、サブページを新しいタブで開く必要があります<a>
。
これを実行する方法はありますか?
ベストアンサー1
次のようなことができると思います:
const routeData = this.$router.resolve({name: 'routeName', query: {data: "someData"}});
window.open(routeData.href, '_blank');
それは私にとってはうまくいきました。
アップデート
コンポジション API の場合:
import { useRouter } from 'vue-router'
const router = useRouter();
const routeData = router.resolve({name: 'routeName', query: {data: "someData"}});
window.open(routeData.href, '_blank');