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

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

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

解决方法:

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


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

相关推荐
箫笙默1 天前
Vue3基础笔记
笔记·vue·vue3
爱学英语的程序员1 天前
让AI 帮我做了个个人博客(附提示词!)
人工智能·git·vue·github·node·个人博客
五仁火烧1 天前
Vite和HTTP 服务器
服务器·网络协议·http·vue
奔跑的web.1 天前
TypeScript 全面详解:对象类型的语法规则
开发语言·前端·javascript·typescript·vue
amazing-yuan2 天前
彻底解决该 TS 报错 + 提升编译效率
前端·javascript·vue.js·typescript·vue·异常报错处理
千寻技术帮2 天前
10343_基于Springboot的考研信息查询系统
mysql·vue·springboot·考研论坛·考研录取
nece0012 天前
vue3杂记
前端·vue
五仁火烧2 天前
Vue3 项目的默认端口行为
服务器·vue.js·nginx·容器·vue
码界奇点2 天前
基于Vue3与TypeScript的后台管理系统设计与实现
前端·javascript·typescript·vue·毕业设计·源代码管理
callJJ2 天前
MCP配置与实战:深入理解现代开发工具链
javascript·node.js·vue·mcp·windsurf