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

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

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

解决方法:

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


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

相关推荐
华玥作者18 小时前
从“碎片化”到“资产化”:Vue3 + UniApp 组件库的进化论
ui·uni-app·vue·组件库
薛定谔的猫喵喵19 小时前
从零到一:Spring Boot + Vue 项目前后端运行完整指南
vue.js·spring boot·后端·pycharm·vue
No8g攻城狮2 天前
【AI工具】wsl2 + ubuntu22.04安装部署sub2api详细教程
人工智能·ai·go·vue
审判长烧鸡2 天前
【AI问答/前端】前端满天过海局(一)
前端·vue·浏览器
审判长烧鸡2 天前
【AI问答/前端】前端瞒天过海局(三)
前端·vue·html5·js
弹简特3 天前
【Vue3速成】04-vue3官方库-路由机制
前端·vue·路由
星星~笑笑3 天前
react Next.js oss上传 上传阿里云
javascript·react.js·阿里云·js
shadow_glory4 天前
大屏邪修自适应
vue
是梦终空4 天前
计算机源码274—基于深度学习的中医舌象智能识别与健康管理系统(源代码+数据库+12000字论文)
人工智能·python·深度学习·opencv·django·vue·springboot