我有一个摘要页面和一个细节子页面.所有路由都使用vue-router(V0.7.x)实现,使用如下编程导航:

this.$router.go({ path: "/link/to/page" })

然而,当我从摘要页面转到子页面时,我需要在新选项卡中打开子页面,就像在<a>标签中添加_target="blank"一样.

有办法做到这一点吗?

推荐答案

我认为你可以这样做:

let routeData = this.$router.resolve({name: 'routeName', query: {data: "someData"}});
window.open(routeData.href, '_blank');

这对我很管用.

Vue.js相关问答推荐

Nuxt 3翻转本视频

更新 Shopware 管理 CMS 组件中的编辑器视图

元素不会对react 性props 的更改做出react

在vuejs中使用表单追加时如何使用布尔值

纵横比元素溢出容器

Vue 和 Nuxt 之间生命周期钩子的不同行为

如何从特定索引呈现 v-for

即使响应为 200,也会调用 Axios Catch

如何为使用 Vuex store的 Vue 表单组件编写 Jest 单元测试?

如何将 ASP.NET Core 2.1 与 Vue CLI 3 集成?

如何像 React 中的 {...props} 一样在 Vue 中解构 props?

交换数组项

如何将 Angular 和 Vue 项目合并在一起?

使用 nuxt,如何将路由名称放在页面标题中?

按键删除对象不会更新vue组件

Import Unexpected identifier + SyntaxError: Unexpected string

在 VueJS 中使用 Axios - 这个未定义

Vue 3 – 渲染无法动画的非元素根 node

在 Vuejs 中全局导入 Axios 方法

vue-cli@3 没有可用于依赖类型的模块工厂:CssDependency