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

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

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

解决方法:

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


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

相关推荐
ん贤1 小时前
首屏优化实践:如何将 Vue3 + Vite 项目的加载速度提升3倍
性能优化·vue·vite
A_nanda2 小时前
一款前端PDF插件
前端·学习·pdf·vue
沐硕2 小时前
校园招聘系统
spring boot·vue·校园招聘
我命由我1234520 小时前
JS 开发问题:url.includes is not a function
开发语言·前端·javascript·html·ecmascript·html5·js
Lsx-codeShare2 天前
前端发版后页面白屏?一套解决用户停留旧页面问题的完整方案
前端·javascript·前端框架·vue·vite
ivwsjc2 天前
vue3 echarts地图点到点之间的飞线图
前端·javascript·vue·echarts
换日线°2 天前
3D 旋转立方体效果(摇塞子)
前端·3d·vue
路光.2 天前
uniappVue2升级Vue3内存溢出解决方式
vue·vue3·uniapp
探花唐老鸭2 天前
Vue3 vant4 解决引入的Toast和dialog样式丢失的bug
vue·vant
品克缤3 天前
Trading-Analysis:基于“规则+LLM”的行情分析终端(兼谈 Vibe Coding 实战感)
前端·后端·node.js·vue·express·ai编程·llama