技术栈

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

paithfinder2024-05-14 6:07

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

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

解决方法:

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


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

上一篇:MySQL索引设计遵循一系列原则
下一篇:AI编程工具为什么选github copilot?
相关推荐
@AfeiyuO
2 分钟前
Vue 引入全局样式scss
前端·vue·scss
Da Zeng
14 小时前
VUE3 script 标准写法顺序
vue
Mr-Wanter
14 小时前
vue 解决img图片路径存在但图片无法访问时显示错误的问题
前端·vue·img
球球不吃虾
15 小时前
分享一个简单的交互式塔罗牌抽牌应用
前端·vue
biyezuopinvip
1 天前
基于Spring Boot的社区互助平台设计与实现(毕业论文)
java·spring boot·vue·毕业设计·论文·毕业论文·社区互助平台设计与实现
joan_85
1 天前
input禁止自动填充
前端·elementui·vue
充气大锤
1 天前
前端实现流式输出配合katex.js
开发语言·前端·javascript·ai·vue
Ahtacca
2 天前
拒绝重复造轮子:利用自定义注解封装POI,实现Java通用Excel解析
java·javascript·vue·excel
军军君01
2 天前
Three.js基础功能学习十一:动画与音频
前端·javascript·3d·js·threejs·三维
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03Claude Code Skills 实用使用手册04UV安装并设置国内源05Linux下V2Ray安装配置指南06BongoCat - 跨平台键盘猫动画工具07安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)08Open Code教程(四)| 高级配置与集成09在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)10MC.JS 网页版《我的世界》 免安装中文版