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

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

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

解决方法:

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


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

相关推荐
Aerelin6 小时前
爬虫playwright中的资源监听
前端·爬虫·js·playwright
AI3D_WebEngineer11 小时前
企业级业务平台项目设计、架构、业务全解之平台篇
前端·javascript·vue
我叫张小白。13 小时前
Vue3 Hooks:逻辑复用的解决方案
前端·javascript·vue.js·前端框架·vue
韩立学长14 小时前
【开题答辩实录分享】以《咸阳市中华传统文化在线学习平台设计与实现》为例进行答辩实录分享
spring boot·vue
Json____16 小时前
vue2-数码购物商城-前端静态网站
前端·vue·数码商城
Darenm11117 小时前
Vue Router 路由管理
python·vue
by__csdn1 天前
Vue 2 与 Vue 3:深度解析与对比
前端·javascript·vue.js·typescript·vue·css3·html5
❆VE❆1 天前
【技术分享】前端跨窗口/标签页面通信:掌握以下几种方法,提升用户体验(附带常用场景以及典例)
前端·javascript·性能优化·vue·跨标签通信
西洼工作室1 天前
前端自制设备模拟器模拟不同终端展示效果
前端·css3·js·响应式开发
我叫张小白。1 天前
Vue3计算属性:高效数据处理
前端·javascript·vue.js·前端框架·vue