vue.js中怎么打开新页面?

vue.js中怎么打开新页面?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

vue.js中怎么打开新页面?

1、使用js跳转打开新的页面

let routeUrl = this.$router.resolve({
        path: "/path",//新页面地址
        query: { id: localStorage.id }//携带的参数
      });
      window.open(routeUrl.href, "/path");

2、使用<router-link> 标签实现新窗口打开

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

<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开home页</router-link>

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是vue.js中怎么打开新页面?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏