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

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

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

解决方法:

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


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

相关推荐
是梦终空3 小时前
JAVA毕业设计227—基于SpringBoot+hadoop+spark+Vue的大数据房屋维修系统(源代码+数据库)
hadoop·spring boot·spark·vue·毕业设计·源代码·大数据房屋维修系统
九亿少女的梦@11 小时前
企业微信对接:回调地址带#时返回地址参数位置不对的问题
vue·企业微信·企微单点登录
海上彼尚13 小时前
Monorepo + PNPM 搭建高效多项目管理
前端·js·源代码管理
百锦再15 小时前
搭建本地瓦片地图服务器的完整指南
运维·服务器·vue·openlayers·server·tile·bmap
sunbyte16 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | EventKey Codes(键盘码)
前端·javascript·css·vue.js·vue
y东施效颦2 天前
uni-app页面发布测试环境出现连接服务器超时,点击屏幕重试解决方案
前端·javascript·vue.js·uni-app·vue
teeeeeeemo2 天前
Vue数据响应式原理解析
前端·javascript·vue.js·笔记·前端框架·vue
jstart千语2 天前
【vue3学习】vue3入门
前端·javascript·vue.js·typescript·vue
向明天乄2 天前
Maotu流程图编辑器:Vue3项目中的集成实战与自定义流程开发指南
javascript·编辑器·vue·流程图
@一枝梅3 天前
vue3 vite.config.js 引入bem.scss文件报错
javascript·rust·vue·scss