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

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

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

解决方法:

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


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

相关推荐
我命由我1234510 小时前
VSCode - VSCode 修改文件树缩进
前端·ide·vscode·前端框架·编辑器·html·js
catchadmin10 小时前
Vite 8 Beta:Rolldown 驱动的新一代 Vite
vue
我命由我1234512 小时前
VSCode - VSCode 颜色值快速转换
前端·ide·vscode·前端框架·编辑器·html·js
IT教程资源C15 小时前
(N_128)基于springboot,vue酒店管理系统
mysql·vue·前后端分离·酒店管理系统·springboot酒店
Apeng_091916 小时前
ui-picture-bd-marker实现图片标注功能
ui·vue
悟能不能悟19 小时前
router跳转的几种方式
vue
zhz521421 小时前
重构与集成的诱惑
ai·重构·node.js·vue·持续集成·结对编程
zhz521421 小时前
代码之恋(第二篇:冲突与重构)
ai·重构·node.js·vue·结对编程
WebGISer_白茶乌龙桃21 小时前
前端又要凉了吗
前端·javascript·vue.js·js
IT教程资源D1 天前
[N_128]基于springboot,vue酒店管理系统
mysql·vue·前后端分离·酒店管理系统·springboot酒店管理