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

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

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

解决方法:

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


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

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