vue 跳转页面并且传值以及在新窗口打开页面的方法

vue 跳转页面并且传值以及在新窗口打开页面的方法

第一步：
vue跳转页面的时候要是不带自动生成路径的话，是需要自己配置页面的路由的

在这里进行配置就可以，里面会有案例自己跟着配置就好

第二步：
配置完成后就可以进行跳转了，代码如下：
跳转页面并且是新窗口打开

//这是第一种方式
<router-link target="_blank" :to="{path:'/***',query:{id:78}}">
	新页面打开home页
</router-link>
<router-link target="_blank" :to="{name:'***',params:{id:78}}">
	新页面打开home页
</router-link>

有些时候需要在单击事件或者在函数中实现页面跳转，那么可以借助router的示例方法，通过编写代码实现。我们常用的是router.push 和router.go 但是vue2.0以后，这种方式就不支持新窗口打开的属性了，这个时候就需要使用this.$router.resolve,如下：

//这是第二种
 let routeUrl = this.$router.resolve({
	path: "/***",
	query: {id:78}
});
let routeUrl = this.$router.resolve({
    name: "***",
    params:{id:78}
 });
window.open(routeUrl.href, '_blank');

//获取到值
console.log(this.$route.query.id);
console.log(this.$route.params.id);

仅跳转页面

仅跳页面的话用router.push和router.go 就好了

this.$router.push({ name:"**",params:{id:78}})
//省略许多写法