vue 頁面跳轉傳值

一、使用router-link

<router-link :to="{path:'/test',query: {userid: id}}">跳轉</router-link>

使用query傳遞參數，路由必須使用path引入; 使用params傳遞參數，路由必須使用name引入

取值方式：this.$route.query.key this.$route. params.key

二、$router方式跳轉

1、query

this.$router.path({
　　path: '/detail',
　　query: {
　　　　name: 'admin',
　　　　code: 10021
　　}
})

取值方式：this.$route.query.name
注意: 頁面刷新時，傳的值會沒有

2、params

this.$router.path({
　　name: 'detail',
　　params: {
　　　　code: 10021
　　}
})

取值方式：this.$route. params. code

3、url拼接

this.$router.push({
        path: `/approveManage/approveDetail/${item.id}`
})

對應路由：path: '/configManage/addReleaseConfig/:id'
取值方式： this.$route.params.id

三、LocalStorage存值

將需要傳遞的值保存值本地，需要的時候再去取

// 保存userid至內存
var userID = 1;
localStorage.setItem('storeID',JSON.stringify(userID))

取值方式：

this.userID= JSON.parse(localStorage.userID)