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}})
//省略許多寫法