vue 路由跳转并打开新页面

let id ='123';
const {href} = this.$router.resolve(
{ path: '/home/test',query: {id: id}}
)
window.open(href, '_blank')

vue 路由跳转并打开新页面,主要使用了this.$router.resolve的方法。获取到href,再用原生JS的方式跳转。

vue 路由跳转并打开新页面相关推荐

vue的跳转（打开新页面）
1.router-link跳转 // 直接写上跳转的地址<router-link to="/detail/one"><span class="spanf ...
vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法
vue-router跳转时打开新页面的两种方法最近还是在痛苦的挣扎中挣扎吧记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了),有两个方法: 1.标签实现新窗口打开 ...
html在父窗口中打开新页面跳转,路由跳转、打开新窗口、跳转到新页面
基础不扎实,温故知新下方案一: getDescribe(id) { // 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describ ...
vue-router路由跳转与打开新窗口
vue-router打开新窗口的方法及跳转方式对比打开新窗口方法1: const routeUrl = this.$router.resolve({path: "/targetUrl&q ...
vue是用a标签打开新页面_vue 在新窗口打开页面并设置不同的背景
开发一个新系统,前端用的vue,vue是单体应用,所有页面都在一个窗口里实现,但项目要求在点button链接后要新打开一个浏览器页面,解决方法如下: 1. 给此button设置新事件 @click=& ...
vue 路由跳转很慢，页面卡死
现象:页面在跳转时,路由发生了改变,但是页面还停留在上一个路由的页面原因:在路由跳转时,vue销毁页面数据用时过长,导致页面卡顿.经过排查发现页面中有一个select下拉选择框,数组有1w+,造成了 ...
vue是用a标签打开新页面_vue | 路由vue-router在新窗口打开页面
vue的是单页面应用设计的渐进式框架,但是有时在项目中也会出现新窗口打开页面的情况,此时,就需要vue-router的知识来解决一.使用标签需要注意的是,router-link并不支持 targe ...
js页面跳转和打开新页面
第一种: <script language="javascript" type="text/javascript"> ...
Vue路由跳转但显示空白页面
在router文件下的index.js 中配置了'Hi'的子路由,但是点击跳转界面却不显示子路由的内容,但是url正常改变. 原因一: 没有在父路由中加上<router-view>< ...

vue 路由跳转并打开新页面

vue 路由跳转并打开新页面相关推荐

最新文章

热门文章