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

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

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

解决方法:

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


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

相关推荐
是梦终空14 小时前
计算机毕业设计267—基于Springboot+vue3+小程序的医院挂号系统(源代码+数据库)
spring boot·小程序·vue·毕业设计·课程设计·医院挂号系统·源代码
云游云记19 小时前
vue2 vue3 uniapp (微信小程序) v-model双向绑定
微信小程序·uni-app·vue
沐墨染1 天前
黑词分析与可疑对话挖掘组件的设计与实现
前端·elementui·数据挖掘·数据分析·vue·visual studio code
集成显卡2 天前
前端视频播放方案选型:主流 Web 播放器对比 + Vue3 实战
前端·vue·音视频
克里斯蒂亚诺·罗纳尔达2 天前
vue页面加载时间过长优化
vue
草根大哥2 天前
AI编程实践-homex物业管理平台(Go + Vue3 + MySQL 多租户落地)
mysql·golang·vue·ai编程·gin·物业管理系统·多租户
未来龙皇小蓝3 天前
RBAC前端架构-03:创建dotenv及config配置
前端·vue
Aric_Jones4 天前
文章详情页 AI 快速阅读功能实现
java·网络·人工智能·spring boot·vue
千寻技术帮5 天前
10352_基于Springboot的房屋销售平台
java·spring boot·mysql·vue·源码·代码·远程
getaxiosluo5 天前
uniapp开发公众号,微信设置字体大小后,禁止改变页面字体大小
vue·uniapp·微信公众平台