【前端】列表页点进某个详情页，详情页可按顺序跳转到上一条/下一条的实现思路（2种）

需求概述

• 列表页展示列表，点击某个列表可以跳转到对应的详情页，点击上一页下一页可以按列表顺序跳转到对应详情页。
• 比如点击列表2进入到详情2，我点上一页可以跳转到详情1，点击下一页可以跳转到详情3。
• 难点：详情页如何按顺序切换
  
  

一开始我是从网上搜索答案，发现关于这部分的答案很少，所以自己思考了一下，总结了两个方案出来，有其他方法的可以评论区分享

方案1：id是按顺序递增递减

• 列表页思路：循环展示列表，点击携带id跳转到详情页；
• 详情页思路：根据传过来的id在数据列表中请求对应数据，上一页/下一页用类似/detail/id-1 / /detail/id+1的方式请求数据

缺点：id要是非递增顺序？而且除非第一个id是确定的，不然无法判断当前是第一/最后一页
js代码示例：

  /**
   * 上一页
   */
  prev()