今天在开发中遇到一个问题就是,设计中的效果主要分为一个列表与详情,但与一般的点击列表中的一条数据跳转至相应的详情页不同,这里首先明确的是所有的详情也是类似列表一样的效果都在一页中,也就是说点击列表的一个就要跳转到详情页里面对应的详情位置上,类似锚点的效果。
解决:在列表页跳转页面的时候传数组的下标过去,然后在详情页接收下标作为获取到的nodeList的下标,执行scrollIntoView()的方法。注意这里的数据对应的顺序必须是不变的。
第一步就是在列表页点击列表的时候,携带下标传值过去:
vue中怎么实现简单的跨页面锚点效果
第二步就是如下:
vue中怎么实现简单的跨页面锚点效果
以上就可以实现了,暂时没有想到更好的方法了。

相关文章:

  • 2021-09-25
  • 2022-12-23
  • 2022-01-12
  • 2021-12-29
  • 2021-10-07
  • 2021-06-23
  • 2023-02-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-19
  • 2022-01-13
  • 2021-12-01
  • 2021-04-08
  • 2022-02-19
  • 2021-07-17
相关资源
相似解决方案