技术栈

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

paithfinder2024-05-14 6:07

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

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

解决方法:

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


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

上一篇:MySQL索引设计遵循一系列原则
下一篇:AI编程工具为什么选github copilot?
相关推荐
你脸上有BUG
2 小时前
TreeSelect 组件 showCheckedStrategy 属性不生效问题
前端·vue
FE阿祖
8 小时前
koa学习
koa·js·ndoe
૮・ﻌ・
11 小时前
小兔鲜电商项目(一):项目准备、Layout模块、Home模块
前端·javascript·vue
无心使然云中漫步
12 小时前
vant实现自定义日期时间选择器(年月日时分秒)
前端·vue
卡布叻_星星
15 小时前
创建基于 Vue3 且将 request.js(请求封装)与页面 .vue 解耦的项目
vue
东方不败之鸭梨的测试笔记
16 小时前
lodash-cloneDeep
js
LYFlied
1 天前
Vue3虚拟DOM更新机制源码深度解析
前端·算法·面试·vue·源码解读
@AfeiyuO
2 天前
Vue3 玫瑰图
vue·echarts
running up
3 天前
Pinia 完整使用指南
vue
安_
3 天前
<style scoped>跟<style>有什么区别
前端·vue
热门推荐
01GitHub 镜像站点02从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击03UV安装并设置国内源04Linux下V2Ray安装配置指南05Gemini3 生成的基于手势控制3D粒子圣诞树06在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)07Labelme从安装到标注:零基础完整指南08解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题09GLM-4.7 vs MiniMax-M2.1:代码工程理解10CentOS的ISO镜像下载