背景： 对于一般采用同样的技术栈开发的多页面应用来说，可能遇到的状况如下： h5上拉刷新来实现分页，当有很多页的话，点击列表某一页去详细，然后从详情返回上一页，可能刷新上一页，位置不能保持，体验不好 列表使用a链接过去的，详情使用window.history.go ...

新闻列表页面： 　　在这里我用a标签进行跳转，在vue里面可以这样写<router-link></router-link>　 <router-link :to="{path:'/news',query:{ id:item.NewsID }}" class ...

1. 列表页：列表页带id跳转到详情页 详情页：把id传回到后台就可以获取到数据了 2.列表页跳转到详情页并更改详情页的标题 列表页：带id和页面标题的typeid跳转到详情页 详情页：在html绑定标题，获取到传过来的typeid，然后判断typeid ...

一、列表页 列表页带id跳转到详情页 二、详情页 获取传递的id 拿到id，然后请求axios请求详情页数据。 ...

新闻列表页面： 　　在这里我用a标签进行跳转，在vue里面可以这样写<router-link></router-link> ...

功能 像搜索功能，在点击某项进入详情页，再回到搜索界面，如果不做特殊处理，初始化到原来的状态，在vue中可以使用keep-alive缓存搜索界面，达到数据不刷新的结果。 思路 在搜索路由对象的meta添加一个keepAlive属性，值为true，表示在路由切换的时候，会被缓存 ...

页面代码： 列表 :to="{path:'/newsDetail',query:{id:item.id}}"获取详情页的路由id <ul class="news-list"> <router-link v-for="item in pagerData ...

很多时候遇到这种需求从列表第三页点击某个item进入到详情页，然后点击浏览器后退按钮退回到列表页，这个时候往往回到了列表中第一页的数据，如果我希望保持回到第三页，该如何操作呢？ 列表页点击分页的方法中： this.$router.push({path:"partList",query ...