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

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

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

解决方法:

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


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

相关推荐
enjoy编程3 小时前
playwright学习-I
typescript·vue·nodejs·1024程序员节·playwright
骑着蜗牛撵大象32713 小时前
语音变分录、规则挡幻觉:拆解开源 AI 记账系统 Smart Ledger 的全栈设计
人工智能·ai·架构·js·数据校验
ratel️1 天前
小墨析 · Office Agent 日常办公不烧心
python·langchain·word·excel·fastapi·js·ppt
落花看风雪3 天前
从零开始搭建后台系统(vue3+TypeScript+Vite)01
typescript·vue·js
那年那棵树7 天前
基于WebGis的人生如旅地图系统
前端·arcgis·vue·课程设计
逆风优雅8 天前
nestjs middleware 接口请求日志
后端·js
冒险的豆子10 天前
Vue2 、Vue3 响应式对比及优劣
vue
NetX行者11 天前
用 Vite + Vue3 + UnoCSS 搭建企业级项目模板(一):基础骨架
vue·vite·unocss
java水泥工11 天前
什么是前端
java·vue·html5
mont evergreen12 天前
一封从外部世界寄来的信:二维码数据如何穿越三重门,抵达你的屏幕
electron·vue·事件