Nuxt: How to open page in a new tab

vue-router nuxt.js
JackJack picture JackJack · Apr 18, 2019 · Viewed 8.1k times · Source

I go through the documentation of Nuxt, but couldn't find information about how to open a page in a new tab. Is there a way to open a link in a new tab instead of opening it in the current tab? I tried the following code:

<nuxt-link to="/user" target="_blank">User</nuxt-link>

But it doesn't work.

Answer

Andrew1325 picture Andrew1325 · Apr 19, 2019

The whole point of vue-router is navigating inside a single page application so it doesn't have a way to navigate to a blank new tab as far as I know. Fortunately there is an old fashioned thing called 'html' which has something called an anchor tag that you can use like this:

<a href="/user" target="_blank">User</a>

Related questions

How to get current route name in Nuxt.js?

I'm using Nuxt.js for building a static website. How to access in component's script code currently displayed route name (I would like to avoid reading direct url from browser location)? Can I somehow access $route.name ?

Read More
Pass custom data to `$router.push()` in vue-router

Is there a way to pass additional data to $router.push() that is not registered as param or query in the route's path. This will allow me to recognize on the next page that it has been accessed via programmatic …

Read More
how to write global router-function in nuxt.js

I am using Vue.js with Nuxt.js, but I got a problem in router's functions. In the pure Vue, i can write in main.js like this: val route = new Router({ routes:{ [...] } }) route.beforeEach(to,from,next){ //do something …

Read More