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

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

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

解决方法:

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


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

相关推荐
小徐不会敲代码~8 小时前
Vue3 学习 5
前端·学习·vue
芳草萋萋鹦鹉洲哦1 天前
【pixijs】关于pixijs画圆
cocos2d·js
今天有个Bug1 天前
【计算机毕业设计】流浪动物救助平台 - SpringBoot+Vue
sql·mysql·spring·vue·毕业设计·课程设计
捧 花1 天前
前端如何调用后端接口(HTML + JS & Vue )
服务器·golang·vue·api·前后端交互
扶我起来还能学_1 天前
Vue3 proxy 数据响应式的简单实现
前端·javascript·vue
IT教程资源D1 天前
[N_101]基于springboot,vue企业网盘系统
mysql·vue·前后端分离·springboot网盘
星光一影1 天前
智慧停车与充电一体化管理平台:打造城市出行新生态
mysql·vue·能源·springboot·uniapp
dreams_dream1 天前
Element UI菜单折叠后的el-menu-item属性无法修改问题解决
前端·vue
雪碧聊技术2 天前
用户登陆时,动态获取菜单图标
vue·elementplus·菜单图标icon
runepic2 天前
Vue3 + Element Plus 实现PDF附件上传下载
前端·pdf·vue