vue 路由跳转方式 路由间跳转、打开新页面

本文主要是介绍vue 路由跳转方式 路由间跳转、打开新页面，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

vue 路由跳转方式 路由间跳转、打开新页面

一、路由间跳转
1. query （所传参数在url中显示）

this.$router.push({// 路由path:'/xxx',  // 参数query:{id:1,}})

2.params （所传参数不在url中显示）

  this.$router.push({name:'xxx',  // 参数params:{id:1,}})

二、路由跳转（打开新页面）

    let newpage = this.$router.resolve({path: '/xxx',query: {id: 1,},})window.open(newpage.href, '_blank')

这篇关于vue 路由跳转方式 路由间跳转、打开新页面的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---