页面跳转:路由变化后页面数据无刷新?

来源:7-20 播放器歌词数据解析

Mei_槑

2018-07-26

请教老师一个问题,我在自己的项目里,有个场景,就是从一个页面跳转到另一个页面及其详情页,第一次点击跳转是没问题的,可当我返回初始页面,再点击时,所到达的页面数据一直没变化,而且第二次点击跳转到达的页面都是我第一次点击后所呈现的页面,如:我第一次进去报名详情的话,即使我第二次点击去详情页,页面呈现的仍旧是报名详情而非详情页,如果强制刷新当前页,数据确是对的

初始页面路径为: /m-web/me/detail/MyActivity?title=我的活动
有两个跳转场景:
一个是跳转到详情页:http://localhost:8080/m-web/activity/list/detail/76/
另一个是跳转到报名详情:http://localhost:8080/m-web/activity/list/detail/76/applyresult
两者的关系是,报名详情是详情页的下级路由

出现这种现象,是我自己哪里没注意到吗,问题的根本是什么?老师能帮忙看下指导下吗

操作如下图:
先点击报名详情:

//img.mukewang.com/szimg/5b5981dd0001d14800120017.jpg
先点击详情页:

//img.mukewang.com/szimg/5b5981dd000151a800120019.jpg





写回答

1回答

ustbhuangyi

2018-07-26

你用了 keep-alive? 这种列表 - 详情的页面一般都是列表页有一个 api 接口去获得一个 list,然后 list 中每个 item 会有一个 id,点击详情会传入这个 id,详情页根据这个 id 再通过一个 api 接口去获得详细信息。

0
0

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程