首页vue 路由跳转 window.open

vue 路由跳转 window.open

时间: 2023-11-10 13:05:59 浏览: 145

Vue 路由间跳转和新开窗口的方式（query、params）

路由间跳转配置： query 方式参数会在url中显示 this.$router.push({ // query方式 path: /a, query: { projectDetails: val }, params 方式传参数据不会在导航栏中显示,需要配合路由的name属性使用 // params 方式 name: 'a', params: { projectDetails: val } 新开页面需要使用resolve配置 const {href} = this.$router.resolve({ path: '/a',

可以使用 `window.open` 方法实现在新窗口中打开 Vue 路由页面。具体实现方法如下： ```javascript window.open('/your-route-path', '_blank'); ``` 其中，`your-route-path` 是你要跳转的路由路径。需要注意的是，如果你的 Vue 应用是使用 `history` 模式进行路由管理的，那么在新窗口中打开路由页面时，需要确保服务器端也能正确地处理该路由路径。

阅读全文