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

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

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

解决方法:

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


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

相关推荐
鹤鸣的日常16 小时前
前端运行时动态环境变量方案
前端·react.js·docker·前端框架·vue·gitlab
Xzh04231 天前
Web 前端开发 — 期末复习指南(Html、Css、Js)
css·html5·web·js·期末
来杯@Java2 天前
学生选课管理系统(基于springboot+vue前后端分离的项目)计算机毕业设计java
java·spring boot·spring·vue·毕业设计·maven·mybatis
医疗信息化王工2 天前
医院自律端系统——预警处置模块全栈实战(ASP.NET Core + Vue3 + Quartz 定时调度)
mysql·postgresql·vue·asp.net core·quartz
大大杰哥2 天前
Vue2学习(1)--了解基本方法与概念
javascript·学习·vue
蜂蜜黄油呀土豆2 天前
Agent 循环:观察、思考、行动(ReAct 入门)
python·ai·大模型·react·js
Agatha方艺璇3 天前
前端开发技术复习笔记
vue·bootstrap·css3·html5·web
小葛要努力3 天前
创建vue2项目
程序人生·vue
七仔啊3 天前
基于海康门禁的人员计数系统
vue
步十人4 天前
【Vue3】前置知识简单概述(包括ES6核心语法,模块化ESM以及npm基础)
arcgis·npm·vue·es6