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

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

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

解决方法:

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


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

相关推荐
李纲明1 天前
WordPress外贸成品网站的免费获取渠道
vue·php
加洛斯1 天前
前端小知识002:ref 与 reactive 详解
前端·vue
荣轩浩1 天前
Molstar 鼠标与键盘事件监听
前端·javascript·js·molstar
荣轩浩2 天前
Molstar 更改 Focus representation 的 扩展半径
前端·javascript·js·molstar
计算机毕设vx_bysj68692 天前
计算机毕业设计必看必学~Springboot教学进度管理系统,原创定制程序、单片机、java、PHP、Python、小程序、文案全套、毕设成品等!
java·spring boot·vue·课程设计·管理系统
小贺要学前端2 天前
【无标题】
前端·javascript·vue·技术趋势
IT教程资源C3 天前
(N_141)基于springboot,vue网上拍卖平台
mysql·vue·前后端分离·拍卖系统·springboot拍卖
IT教程资源C3 天前
(N_144)基于微信小程序在线订餐系统
mysql·vue·uniapp·前后端分离·订餐小程序·springboot订餐
合作小小程序员小小店3 天前
web网页开发,在线短视频管理系统,基于Idea,html,css,jQuery,java,springboot,mysql。
java·前端·spring boot·mysql·vue·intellij-idea
aiguangyuan3 天前
Vue 3.0 源码解读
vue·前端开发