【vue2项目经验总结:a标签干扰路由】

当我们点击页面中的a标签实现跳转时,会发现网页上方的路由也切换成了a标签的id值:
在这里插入图片描述

刷新后页面也会变成空白:

在这里插入图片描述
解决方法:
添加Click方法,传入的参数与id值保持一致
在这里插入图片描述
在这里插入图片描述
scrollIntoView() 方法,将该元素滚动到可见区域内,即浏览器窗口的可视区域,从而实现页面滚动到锚点位置的效果。

相关推荐

  1. Vue2 动态

    2024-05-14 05:44:05       32 阅读
  2. vue修改meta的标题

    2024-05-14 05:44:05       30 阅读
  3. Vue项目路径中去掉#

    2024-05-14 05:44:05       57 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-14 05:44:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-14 05:44:05       101 阅读
  3. 在Django里面运行非项目文件

    2024-05-14 05:44:05       82 阅读
  4. Python语言-面向对象

    2024-05-14 05:44:05       91 阅读

热门阅读

  1. 【Redis7】10大数据类型之Set类型

    2024-05-14 05:44:05       34 阅读
  2. DORIS参数配置

    2024-05-14 05:44:05       34 阅读
  3. 一、Hive优化

    2024-05-14 05:44:05       34 阅读
  4. Docker安装oralce

    2024-05-14 05:44:05       30 阅读
  5. GitLab CI/CD的原理及应用详解(五)

    2024-05-14 05:44:05       34 阅读
  6. 构建树父类

    2024-05-14 05:44:05       33 阅读
  7. 【无标题】

    2024-05-14 05:44:05       29 阅读