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

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

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

解决方法:

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


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

相关推荐
江屿风7 小时前
【Plain Language Large Model】【从浏览器到全栈:一课精通Node.js三剑客】流食般投喂
笔记·前端框架·npm·node.js·js·npx
汤米粥1 天前
2026年主流前端技术框架
vue·react·elementplus·tailwind css·angular‌·svelte‌·bootstrap‌
codigger1 天前
Vue nextTick 到底在等什么?一篇讲透原理与那些年踩过的坑
程序员·vue·编程·异步更新·#人工智能
咚咚咚小柒2 天前
【前端】LangChain.js学习
前端·javascript·人工智能·typescript·langchain·vue·ai编程
悟道书生4 天前
若依 RBAC 权限控制学习笔记
java·网络·笔记·sql·学习·vue
mewowaBc4 天前
使用Pinia持久化存储实现用户认证系统
vue·pinia·用户认证系统
无巧不成书02184 天前
Tomcat部署JSP文件完整指南:手动部署+IDEA工程化实现 附404访问错误全排查
java·ide·windows·tomcat·intellij-idea·js
gc_22995 天前
使用VS Code终端创建Vue项目报错:“npm : 无法加载文件 ...\npm.ps1,因为在此系统上禁止运行脚本”
vue·vs code
小阿鑫5 天前
尤雨溪 : Vue 4 已经在规划中了!
vue·vite·vite+·程序员海军·vue4
离歌漠6 天前
《我用 Tauri 做了一个本地开发工具箱》
rust·typescript·vue