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

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

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

解决方法:

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


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

相关推荐
千寻技术帮9 小时前
10386_基于SpringBoot的外卖点餐管理系统
java·spring boot·vue·外卖点餐
东东5162 天前
xxx医患档案管理系统
java·spring boot·vue·毕业设计·智慧城市
码界奇点2 天前
基于Spring Boot和Vue3的无头内容管理系统设计与实现
java·spring boot·后端·vue·毕业设计·源代码管理
东东5162 天前
基于Web的智慧城市实验室系统设计与实现vue + ssm
java·前端·人工智能·后端·vue·毕业设计·智慧城市
27669582922 天前
美团 小程序 mtgsig
python·小程序·node·js·mtgsig1.2·美团小程序·大众点评小程序
不甘平凡的小鸟2 天前
vue3与cef3交互
前端·vue·cef3
武哥聊编程2 天前
【原创精品】基于Springboot3+Vue3的服装租赁平台
spring boot·mysql·vue·课程设计
weixin_439937763 天前
tortoiseGit 使用
java·前端·git·vue
.切切切 切萝卜3 天前
【vueconfig-proxy代理解决跨域问题】
vue·proxy模式
任小栗3 天前
uniappx实现app壳子,可直接拿来用
vue·uniapp