vue解决二级路由redirect（默认路由）不传参的问题

时间：2020-06-23 10:25:56 阅读：120 评论：0 收藏：0 [点我收藏+]

场景：

pageA----pageB（pageB包含三个二级路由）

默认进入pageB时进入第一个页面的路由，之后点击左侧按钮，分别进入其他二级路由

原router.js写法:

//应用信息

{

path:‘/app-manage‘,

name:‘app-manage‘,

component:AppManage,

redirect:‘/app-manage/appMsg‘,

children:[

//应用信息

{

path:‘/app-manage/appMsg‘,

name:‘appMsg‘,

component:AppMsg,

...其他子路由...

]

页面路由跳转写法：

<router-link class="lis" tag="li" v-for="(item,index) in side" :to="{path:item.url,query:{appMsg}}" :key="index">

</router-link>

问题，一次进入默认路由时，不传递参数，只有在之后的点击第一个路由时才传递

解决方法：

1.去除router.js的redirect属性

2.在pageB页面第一次页面加载请求到数据后添加

let appMsg = this.appMsg

this.$router.push({path:‘/app-manage/appMsg‘,query:{appMsg}})

原文地址：https://www.cnblogs.com/wd163/p/13180595.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行