vue.js 中怎么打开新页面? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
1, 使用 JS 跳转打开新的页面
- let routeUrl = this.$router.resolve({
- path: "/path",// 新页面地址
- query: { id: localStorage.id }// 携带的参数
- });
- Windows.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 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/17146.html