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中怎么打开新页面?的详细内容,更多请关注易知道|edz.cc其它相关文章!