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

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

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

解决方法:

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


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

相关推荐
雪碧聊技术1 小时前
用户登陆时,动态获取菜单图标
vue·elementplus·菜单图标icon
runepic1 小时前
Vue3 + Element Plus 实现PDF附件上传下载
前端·pdf·vue
星光一影16 小时前
教育培训机构消课管理系统智慧校园艺术舞蹈美术艺术培训班扣课时教务管理系统
java·spring boot·mysql·vue·mybatis·uniapp
雨季~~1 天前
前端使用ffmpeg进行视频格式转换 (WebM → MP4)
前端·typescript·ffmpeg·vue
不是,你来真的啊?1 天前
Vue3响应式原理(源码)【reactive,ref,computed】
前端·vue·源码
zq322061242 天前
若依VUE和NET8的意框架部署到IIS
vue·.net
灰海2 天前
为什么给<a>标签设置了download属性, 浏览器没有下载而是打开新标签!!
前端·vue·html·下载·download
全栈陈序员2 天前
你对 SPA 单页面应用的理解?它的优缺点分别是什么?如何实现 SPA 应用?
前端·vue.js·学习·前端框架·vue
程序媛小鱼2 天前
openlayers撤销与恢复
前端·js
麦麦大数据2 天前
F056 知识图谱飞机问答系统
人工智能·flask·vue·问答系统·知识图谱·neo4j·飞机