vue 路由跳转传参打开新页面

Vue路由跳转并传递参数通常使用`this.$router.push()`方法，并可以将参数放在URL查询字符串中或者通过命名的路由参数(`params`)来进行传递。这里是一个简单的例子：

// 使用查询字符串的方式传递参数
this.$router.push({
  path: '/detail',
  query: { id: '参数值' }
})

// 或者使用命名参数（路径里直接包含参数）
this.$router.push({ name: '详情页', params: { id: '参数值' } })

// 在组件内部使用动态路由
<router-link :to="{ name: '详情页', params: { id: $route.params.id + 1 } }">点击增加ID</router-link>