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

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

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

解决方法:

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


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

相关推荐
weixin_4225554210 小时前
ezuikit-js官网使用示例
前端·javascript·vue·ezuikit-js
zhz521410 小时前
代码之恋(第十五篇:分布式心跳与网络延迟)
网络·分布式·ai·重构·vue·结对编程
我看刑11 小时前
【已解决】el-table 前端分页多选、跨页全选等
前端·vue·element
小阿宁的猫猫13 小时前
XSS的原理、使用、防御方法及练习题
web安全·网络攻击模型·xss·js
sg_knight1 天前
拥抱未来:ECMAScript Modules (ESM) 深度解析
开发语言·前端·javascript·vue·ecmascript·web·esm
汝生淮南吾在北1 天前
SpringBoot3+Vue3小区物业报修系统+微信小程序
微信小程序·小程序·vue·毕业设计·springboot·课程设计·毕设
苏打水com1 天前
第十九篇:Day55-57 前端工程化进阶——从“手动低效”到“工程化高效”(对标职场“规模化”需求)
前端·css·vue·html
十月不到底1 天前
vue3手机端列表加载组件
前端·vue
@AfeiyuO1 天前
Vue3 热力图
vue·echarts
逆向新手1 天前
js逆向-某省特种设备aes加密研究
javascript·爬虫·python·逆向·js