vue实现带参页面跳转

1、核心代码

this.$router.push({name: 跳转到的页面的名字, params: 参数})


2、代码示例

本页面要跳转的方法

gotoHis (data) {if (data.length > 5) {let param &＃61; {truckName: data[0], startTime: data[5], endTime: data[6]}this.$router.push({name: &＃39;area-truckGpsHistoryTrail&＃39;, params: param})}
}


truckGpsHistoryTrail页面对应的处理方式

activated () {this.truckName &＃61; this.$route.params.truckNamethis.startTime &＃61; this.$route.params.startTimethis.endTime &＃61; this.$route.params.endTimeif (this.truckName && this.startTime && this.endTime) {this.getTruckTrail()}
}


3、项目结构