vue-router 在新窗口打开页面的功能

Problem:在vue项目中突然接收到一个需要新开页面的功能

通过看了vue-router,实现这个功能也是可以,详情如下:

1.通过<router-link>标签实现新窗口打开

<router-link
        target="_blank"
        :to="{ path:‘/details‘, query: { id:‘1‘ } }">详情</router-link>

2.通过Function进行导航

methods: {
  goDetails (id) {
      const { href } = this.$router.resolve({
        path: `/details`,
        params: {
          id: id
        }
      });
      window.open(href, "_blank");
  }
}

原文地址:https://www.cnblogs.com/zaijin-yang/p/11971210.html

时间: 2024-08-01 19:20:31

vue-router 在新窗口打开页面的功能的相关文章

浏览器对新窗口打开页面的阻止情况

事情是这样的:我们后台人员有一个需求,希望在ajax请求成功后的回调函数里,新窗口打开一个页面.示例代码如下: $("#btn").on("click",function(){ $.ajax({ url : "opendata.html", type : "post", data : {"a" : 1}, success : function(){ window.open("http://www.

【模态窗口-Modeldialog】提交请求时禁止在新窗口打开页面的处理方法

在使用Window.ShowModalDialog()打开模态窗口后,在模态窗口内提交时总是会在新窗口中打开. 解决办法: 在要弹出的窗口的<head>之间加: <base target="_self"/> 这样提交请求时就不会在新窗口打开页面了.

【技术】iOS可禁止用户在新窗口打开页面

在项目开发中,有时我们需要某个链接在当前页面打开,这样需要禁止用户在新窗口打开页面,我们可以使用a标签的target=”_self”指定在当前页 面打开,但是在iOS中长按链接一段时间后,系统会弹出一个对话框,用户可以通过点击”在新页面中打开”来在新窗口打开页面,这样我们指定的target 属性就失效了,但是可以通过指定当前元素的-webkit-touch-callout属性为none来禁止iOS弹出这些按钮.

异步请求后新窗口打开页面,会被浏览器拦截问题

需要在异步调用接口前,先打开新窗口: 在接口返回后,如果确定需要打开新窗口,则设置窗口的 href  地址: 如果不需要,则关闭窗口即可. 如: let newWin = window.open('') this.singleVisit(url, function (toUrl) { if (toUrl) { newWin.location.href = toUrl } }, function () { newWin.close() }) 这样能解决问题. 原文地址:https://www.cn

javaScript防止拦截新窗口打开页面

原文发布时间为:2009-05-04 -- 来源于本人的百度文章 [由搬家工具导入] 兼容IE.FF.GOOGLE。防止拦截。。。。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>javaScript放拦截新窗口打开页面</title> </head> <body> <a id="tagOpenWin" target=&

xpages视图文档在新窗口打开

当初刚接触xpaes时,视图打开文档超连接是在本页面跳转,想在视图把文档的连接在新窗口打开,搞了一很多时间,当终于有一天理解xpages最终成html显示时,想通了,最终用html去理解xpages就可以打开思路了,这为在xpages中做其它功能的实现起很大的作用. 一.效果 二.实现方法

Response.Redirect在新窗口打开网页

Response.Redirect在新窗口打开网页 Respose.Write("<script language='javascript'>window.open('"+ url +"');</script>"); (打开简洁窗口): Respose.Write("<script language='javascript'>window.open('" + url + "','','resizabl

HTML之:让网页中的&lt;a&gt;标签属性统一设置-如‘新窗口打开’

在开发过程中,我们往往想在页面中,给<a>设置一个统一的默认格式,例如我们想让链接:“在新窗口打开”,我们就可以使用<base>标签 在网页中添加这段代码: <head> <base target="_blank"> </head> [注解] <base> 标签为页面上的所有链接规定默认地址或默认目标. 通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白. 使用 <base

谈新窗口打开链接的合理方式

如果标题换做"用户体验",感觉大了些,自己毕竟不是这方面的专家,在这里只是谈谈自己的感受. 我还记得很早的时候自己学做网页制作,那时不晓得链接如何从新窗口打开,也不关心这些,因为网页 只是起到一个宣传简介的作用,后来多了友情链接这个东东,是的,那时还没有多标签多选项卡的浏览器出现,大家都用着IE6之类的窗口浏览器,于是那时候大 家养成了个习惯,就是打开一个页面,等浏览结束后下意识的去关浏览窗口,岂不知这个页面的上一页自己也需要,或者网站作者并不希望浏览者点了外部链接后就 脱离自己的网站