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

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

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

解决方法:

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


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

相关推荐
padane227 小时前
gmssl编译wasm
ubuntu·html·密码学·wasm·js
相忘于江湖4265439 小时前
vs code 代码保存自动格式化
前端·vue
我命由我1234514 小时前
VSCode - VSCode 自定义折叠区域
前端·javascript·ide·vscode·前端框架·编辑器·js
study-Java1 天前
校园失物招领平台
java·spring boot·vue·intellij-idea·visual studio code
MaCa .BaKa2 天前
53-智慧工地人员考勤与工时管理系统
java·spring boot·mysql·tomcat·vue·maven
华玥作者3 天前
从“碎片化”到“资产化”:Vue3 + UniApp 组件库的进化论
ui·uni-app·vue·组件库
薛定谔的猫喵喵3 天前
从零到一:Spring Boot + Vue 项目前后端运行完整指南
vue.js·spring boot·后端·pycharm·vue
No8g攻城狮3 天前
【AI工具】wsl2 + ubuntu22.04安装部署sub2api详细教程
人工智能·ai·go·vue
审判长烧鸡4 天前
【AI问答/前端】前端满天过海局(一)
前端·vue·浏览器
审判长烧鸡4 天前
【AI问答/前端】前端瞒天过海局(三)
前端·vue·html5·js