vue中怎么实现简单的跨页面锚点效果

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