技术栈

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

paithfinder2024-05-14 6:07

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

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

解决方法:

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


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

上一篇:MySQL索引设计遵循一系列原则
下一篇:AI编程工具为什么选github copilot?
相关推荐
DazedMen
17 小时前
前端自定义接口返回,想咋玩就咋玩
前端·vue·接口拦截
劉三岁
2 天前
平板网页开发,px vs rem + 适配方案
vue·电脑
蓝黑2020
2 天前
Vue组件通信之emit
前端·javascript·vue
吴声子夜歌
2 天前
Vue3——v-for指令
前端·javascript·vue
滴滴答答哒
2 天前
Vue3 动态路由组件加载:后台字符串到前端懒加载组件的完美转换
vue
阿飞不想努力
3 天前
文件上传原理与实操
java·spring boot·vue·文件上传
曲幽
3 天前
FastAPI+Vue:文件分片上传+秒传+断点续传,这坑我帮你踩平了!
python·vue·upload·fastapi·web·blob·chunk·spark-md5
蓝黑2020
4 天前
Vue组件通信之v-model
前端·javascript·vue
不会写DN
5 天前
Vue3中的computed 与 watch 的区别
javascript·面试·vue
钛态
5 天前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点03一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛04基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南05GPT-6核心能力解析及与现有主流大模型对比06零成本!Ollama本地部署国产大模型全指南(支持Kimi-K2.5/GLM-5/Qwen,新手秒上手)07GPT-6发布日深度解析-Symphony架构200万Token实战08从限购到畅通:GLM-5.1 Coding Plan接入攻略09AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析10免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手