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

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

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

解决方法:

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


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

相关推荐
一只不会编程的猫7 小时前
高德地图自定义折线矢量图形
前端·vue.js·vue
鱼钓猫的小鱼干9 小时前
table 表格转成 excell 导出
前端·vue·excel
ppo_wu10 小时前
更改 pnpm 的全局存储位置
前端·vue
GISer_Jing10 小时前
Vue3知识弥补漏洞——性能优化篇
javascript·vue.js·性能优化·vue
sunphp开发者10 小时前
黑客攻击网站,篡改首页问题排查修复
android·js
工业互联网专业1 天前
Python毕业设计选题:基于python的酒店推荐系统_django+hadoop
hadoop·python·django·vue·毕业设计·源码·课程设计
真的很上进2 天前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
坐望云起2 天前
什么是WebAssembly?怎么使用?
html·web·wasm·js
龙哥·三年风水2 天前
workman服务端开发模式-应用开发-vue-element-admin封装websocket
分布式·websocket·vue
麦兜*2 天前
轮播图带详情插件、uniApp插件
前端·javascript·uni-app·vue