vue 跳转页面带对象_vue 跳转页面并传递参数

首先创建readDetail.vue 且在index.js中注册路由。

传递页面方式：

1.通过router-link进行跳转

:to="{

path: 'yourPath',

params: {

key: 'value', // orderNum : this.searchData.orderNo

},

query: {

key: 'value', // orderNum : this.searchData.orderNo

}

}">

跳转 

1. path -> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航

2. params -> 是要传送的参数,参数可以直接key:value形式传递

3. query -> 是通过 url 来传递参数的同样是key:value形式传递

2. $router方式跳转

this.$router.push({name:'路由命名',params:{参数名:参数值,参数名:参数值}})this.$router.push({

path: 'yourPath',

name: '要跳转的路径的 name,在 router 文件夹下的 index.js 文件内找',

params: {

key: 'key',

msgKey: this.msg

}

/*query: {

key: 'key',