时间戳

首页 > 解决方案 > 如何在 Nuxt-js 方法中路由空白页面？

javascript - 如何在 Nuxt-js 方法中路由空白页面？

问题描述

在我的 nuxt js 项目中，当用户单击按钮时，方法起作用并创建一个链接。我将用户路由到新页面。当然我想在新目标中打开它。我在 nuxt js 中找不到任何解决方案。

   <a :href="`/ticketPrint?${urlLink}`" target="_blank">Go to url</a>

如果我采用这种方式，它会在第二次点击中起作用，因为在第一次点击中会创建链接。所以我不想用这种方式。我想在我的方法中路由它。

async printData(){
......
 await this.$router.push(this.urlLink)
}

当然我想在空白页中打开它。我创建了这个基于新页面的 url 查询信息。

标签： javascriptreactjsvue.jsnuxt.js

解决方案

您需要在nuxt-link此处使用 a 并且可以将任何常规 VueJSrouter-link选项传递给它。

target=_blank应该没问题。

<nuxt-link:to="`/ticketPrint?${urlLink}`">Home page</nuxt-link>

推荐阅读