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

当我们点击页面中的a标签实现跳转时,会发现网页上方的路由也切换成了a标签的id值:

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

解决方法:

添加Click方法,传入的参数与id值保持一致


scrollIntoView() 方法,将该元素滚动到可见区域内,即浏览器窗口的可视区域,从而实现页面滚动到锚点位置的效果。

相关推荐
新中地GIS开发老师18 小时前
WebGIS开发学生作品 | 基于无人机影像的烟草检测智能体与数字化管理平台
vue·web·mapbox·webgis
南城以南溫暖如初1471 天前
外卖CPS实战指南:从技术选型到运营落地全流程解析
java·spring boot·mysql·架构·vue
aXin_ya1 天前
ElementUI (01):Vue2 项目引入 ElementUI使用
elementui·vue
常宇佳3 天前
vue3 @代指src路径设置
前端·typescript·vue
北城笑笑3 天前
Server 18 ,Nginx + Vite 前端部署排错实战:从 `/api/gpt/chat` 404 到 9012 后端服务的完整定位过程
linux·运维·前端·nginx·ubuntu·vue
breeze jiang5 天前
NestJS MVC 实战:用 hello 项目 7 个文件讲清分层、装饰器、依赖注入与错误处理
node.js·mvc·js
weixin_431600446 天前
前端数据埋点(1):一次点击如何变成一条埋点
前端·js·数据埋点
小强库计算机毕业设计6 天前
SpringBoot+Vue3 学生宿舍管理系统实战
java·spring boot·后端·vue·学生宿舍管理系统
記億揺晃着的那天7 天前
NAS 内网域名访问为什么需要浏览器授权
网络·nginx·js·nas
—Qeyser8 天前
html 可视化海报模板编辑器
css·html·js