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

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

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

解决方法:

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


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

相关推荐
gzmyh1 小时前
thinkphp8+vue3整合的工作流实战demo
vue·php·workflow·工作流
离别又见离别20 小时前
vue使用js渲染组件案例(公用打印组件动态渲染)及静默打印实现
前端·javascript·vue
我命由我1234521 小时前
微信小程序 - 页面返回并传递数据(使用事件通道、操作页面栈)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
武哥聊编程1 天前
基于Springboot3+Vue3的仓库管理系统,经典项目,免费学习
java·学习·mysql·vue·springboot·课程设计
互联网全栈开发实战1 天前
一款超优秀的数据可视化平台(大屏设计器【2025年 - 2026年】)-GoView(构建数字孪生可视化新世界)
信息可视化·数据分析·node.js·vue·数据可视化·大屏端
小曹要微笑1 天前
HTTP与WebSocket协议深度解析
websocket·网络协议·http·js
Shirley~~1 天前
开源项目PPtist分享
前端·typescript·vue
酒尘&1 天前
JS数组不止Array!索引集合类全面解析
开发语言·前端·javascript·学习·js
悟能不能悟3 天前
浏览器执行刷新,都经历过什么阶段
vue
是梦终空4 天前
计算机毕业设计248—基于Java+Springboot+vue的博物馆预约系统(源代码+数据库+开发文档)
java·spring boot·vue·毕业设计·jwt·博物馆预约系统·博物馆网站