vue跨页面跳转到相应锚点处

时间:2024-04-11 08:08:01

B单页面中有许多板块,但是想从A页面跳转到B页面的特定板块

实现步骤如下

1.现在A页面定义并实现跳转相关的方法

vue跨页面跳转到相应锚点处
将锚点id存放到本地以便跳转后使用
vue跨页面跳转到相应锚点处

2.在B页面中定义锚点

注意id要与A页面中方法传的参数一直,如例中均为port
vue跨页面跳转到相应锚点处

3.在B页面中实现跳转方法

vue跨页面跳转到相应锚点处
注意最后的destroyed函数,加上后可避免其他入口进入导致锚点有误

完成以上三步就可以实现跨页面的锚点跳转了。