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

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

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

解决方法:

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


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

相关推荐
前端张三1 天前
view deign 和 vue2 合并单元格的方法
vue
-心铭-2 天前
有关若依菜单管理的改造
学习·vue
Snailmi2 天前
Spring Boot+VUE《班级综合测评管理系统》
java·spring boot·后端·vue·毕业设计
潜心专研的小张同学2 天前
pnpm依赖安装失败解决|pnpm项目从一个文件夹复制到另一个文件夹运行失败问题解决-以vbenAdmin项目为例
前端·javascript·vscode·npm·vue·pnpm
夏与冰2 天前
vue3项目el-table表格行内编辑加输入框校验
vue
垂钓的小鱼12 天前
尚硅谷vue3+TypeScript笔记大全
javascript·typescript·vue
ncj3934379063 天前
vue3项目执行pnpm update后还原package.json文件后运行报错
vue
莫问alicia3 天前
Uniapp 微信小程序 最新 获取用户头像 和 昵称 方法 有效可用
前端·javascript·微信小程序·uni-app·vue
wang_book4 天前
uniapp学习(003-1 vue3学习 Part.1)
前端·学习·微信小程序·小程序·uni-app·vue
一 乐4 天前
高校体育场小程序|高校体育场管理系统系统|体育场管理系统小程序设计与实现(源码+数据库+文档)
数据库·小程序·vue·源码·springboot·体育馆小程序