首页 > 其他 > 详细

vue 新窗口打开页面

时间:2020-08-25 18:49:46      阅读:76      评论:0      收藏:0      [点我收藏+]

有些业务需要在 vue 中打开新窗口,通常有两种方式:

1.  <router-link>标签

<router-link tag="a" target="_blank" :to="{name:‘ArticleDetail‘,params:{id:0}}">新增文章</router-link>

其中, tag="a",与 target="_blank" 需同时使用

2.  编程式导航

借助 router 示例的方法,使用 $router.resolve 获取地址,再通过open 方法打开新窗口

const { href } = this.$router.resolve({
    name: "ArticleDetail",
    params: { id: 0 }
});
window.open(href, ‘_blank‘);

 甚至可以加上窗口特征参数,显示小窗口

window.open(href, ‘_blank‘, ‘toolbar=yes, width=900, height=700‘)

vue 新窗口打开页面

原文:https://www.cnblogs.com/alantao/p/13561059.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!