HTML:

JS:

data () { return { statusNum: null, payment: false, getCar: false, inspection: false, orderFinish: false, curr: ‘’, punish: [{‘cost’:‘100.00’,‘punish’:‘100.00’,‘total’:‘200.00’}], items: [ {‘carNum’:‘粤AJ1340’,‘txt’:‘驾驶中型以上载客载货汽车、校车、危险物品运输车辆意外的其他机动车行驶超过时速20%以上’,‘place’:‘汕头市龙湖区金砂东路与天山路交接’,‘date’:‘2017-04-05 15:30’,‘deduct’:‘0分’,‘money’:‘200’}, {‘carNum’:‘粤AJ1340’,‘txt’:‘驾驶中型以上载客载货汽车、校车、危险物品运输车辆意外的其他机动车行驶超过时速20%以上’,‘place’:‘汕头市龙湖区金砂东路与天山路交接’,‘date’:‘2017-04-05 15:50’,‘deduct’:‘0分’,‘money’:‘200’}, ], order: [ {‘orderNum’:‘0003165411’,‘orderTime’:‘2017-02-01 10:50’,‘payment’:‘2017-01-14 12:50’,‘transact’:‘2017-05-05 07:50’,‘refund’:‘2015-05-04 10:33’,‘refundSucc’:‘2017-05-05 07:50’,‘finish’:‘2017-08-05 11:12’} ] } }, mounted () { let _this = this this.statusNum = _this.$route.query.status console.log(this.statusNum) // 0–已完成；1–办理中；2–付款成功；3–办理失败,退款中；4–退款成功 switch (this.statusNum) { case ‘0’: this.payment = true; this.getCar = true; this.inspection = true; this.orderFinish = true; this.curr = “已完成” break; case ‘1’: this.payment = false; this.getCar = false; this.inspection = false; this.orderFinish = false; this.curr = “办理中” break; } }

我是通过另外个页面跳转的时候获取“订单状态值”，然后再根据状态值显示相应的页面，但是跳转过来后没得到我想要的页面效果，得刷新那些数据才会出来