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

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

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

解决方法:

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


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

相关推荐
小彭努力中8 小时前
204.Vue3 + OpenLayers:加载 GIF 文件(CSS 背景实现动画标记)
前端·css·vue·openlayers·geojson·webgis
百撕可乐9 小时前
WenDoraAi官网NextJS实战03:项目插件与Header组件
react.js·js
陶甜也11 小时前
3D智慧城市:blender建模、骨骼、动画、VUE、threeJs引入渲染,飞行视角,涟漪、人物行走
前端·3d·vue·blender·threejs·模型
NPCZ19 小时前
vite与tailwindcss创建大屏可视化项目
vue
蓝黑20201 天前
Vue导入和注册组件
前端·javascript·vue
我命由我123451 天前
React - 组件优化、children props 与 render props、错误边界
前端·javascript·react.js·前端框架·html·ecmascript·js
有来技术1 天前
Vite 8 全面 Rust 化!vue3-element-admin 升级实战,构建提速 65%
前端·vue.js·前端框架·vue
Jacky-0082 天前
Vue3+elementPlus+Vite项目
vue
VelinX2 天前
【个人学习||vue】vue
vue
苏瞳儿2 天前
前端/后端-配置跨域
前端·javascript·node.js·vue