vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法

vue-router跳转时打开新页面的两种方法

最近还是在痛苦的挣扎中

挣扎吧

记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了)，有两个方法：

1、标签实现新窗口打开

官方文档中说 v-link 指令被组件指令替代，且不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用标签，但事实上vue2版本的是支持 target="_blank" 属性的(tag="a")，如下：

新页面打开home页

2、编程式导航

有些时候需要在单击事件或者在函数中实现页面跳转，那么可以借助router的示例方法，通过编写代码实现。我们常用的是 $router.push 和 $router.go 但是vue2.0以后，这种方式就不支持新窗口打开的属性了，这个时候就需要使用this.$router.resolve,如下：

seeShare(){

let routeUrl = this.$router.resolve({

path: "/share",

query: {id:96}

});

window.open(routeUrl.href, '_blank');

}

何时成为大佬

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对我们的支持。

时间： 2019-07-27

如下所示: router.before

vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法相关推荐

取消计算机用户密码页面,电脑怎么关闭开机密码_电脑开机取消登录密码的两种方法－系统城...
为了电脑的安全和隐私,很多小伙伴在使用电脑时都会设置开机密码.然而有的用户却觉得在设置后每次开机都很麻烦,想要将其取消,那电脑怎么关闭开机密码呢?对于这一问题,今天小编就来教大家关于电脑开机取消登录密 ...
html5打开word文档结构,word怎样设置文档结构图的两种方法
当我们编辑数据文字量巨大的文档的时候,我们需要把握整个文档的脉络,对整篇文档进行修改.这就需要我们运用文档结构图快速定位文档.那么下面就由学习啦小编给大家分享下word文档设置文档结构图的技巧,希望能 ...
win7 打开计算机慢,Win7系统浏览网页时打开很慢的解决方法
大家刚开始在使用win7系统的浏览器打开网页的时候速度会很快,但是最近有不少用户发现浏览器在使用一段时间之后,打开网页时就会变的很慢,每次都要等它缓冲好久才可以进到网页中去,造成网页打开慢的原因有很多 ...
多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...
在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title ...
easyui关闭dialog后刷新父页面_两种方法WordPress批量打开、关闭文章评论功能
WordPress没有一键打开和关闭已发表文章评论的功能.只是是否允许在新发表的文章发表评论,或者自动关闭发布多少天前的文章的评论功能.由于一些需要,我们需要关闭最初在网站上打开的WordPress文 ...
两种方法判断是否为移动端访问，跳转到对应wap页面
随着移动互联网的迅猛发展,越来越多的用户选择使用移动端浏览器访问网页.当用户访问一个网站的pc端页面的时候,往往是非常影响用户体验的.我们希望当用户使用移动端浏览器访问我们的pc端网站的时候,自动跳转 ...
织梦手机端跳转到index.html,两种方法实现织梦自带手机端搜索页直接跳转到search_m.htm手机站页面...
这篇文章主要为大家详细介绍了两种方法实现织梦自带手机端搜索页直接跳转到search_m.htm手机站页面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 用过织梦 ...
Hexo自定义页面的两种方法
原文地址:http://refined-x.com/2017/07/10/Hexo自定义页面的方法/. Hexo是静态页博客生成利器,同很多博主一样,前端路上原创技术博客也是使用Hexo生成并托管在G ...
让PHP支持页面后退的两种方法
让PHP支持页面后退的两种方法(Cache-control php back form) 在开发过程中,往往因为表单出错而返回页面的时候填写的信息都不见了,为了支持页面回跳,可以通过两种方法实现. ...

vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法

vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法相关推荐

最新文章

热门文章