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

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

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

解决方法:

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


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

相关推荐
zq3220612415 小时前
若依VUE和NET8的意框架部署到IIS
vue·.net
灰海15 小时前
为什么给<a>标签设置了download属性, 浏览器没有下载而是打开新标签!!
前端·vue·html·下载·download
全栈陈序员18 小时前
你对 SPA 单页面应用的理解?它的优缺点分别是什么?如何实现 SPA 应用?
前端·vue.js·学习·前端框架·vue
程序媛小鱼19 小时前
openlayers撤销与恢复
前端·js
麦麦大数据20 小时前
F056 知识图谱飞机问答系统
人工智能·flask·vue·问答系统·知识图谱·neo4j·飞机
我这一生如履薄冰~21 小时前
element-plus去除el-dropdown组件当鼠标移入文本时会出现边框
前端·elementui·vue
Han.miracle21 小时前
JQuery 基础与综合案例实践
jquery·js
你脸上有BUG1 天前
TreeSelect 组件 showCheckedStrategy 属性不生效问题
前端·vue
FE阿祖2 天前
koa学习
koa·js·ndoe
૮・ﻌ・2 天前
小兔鲜电商项目(一):项目准备、Layout模块、Home模块
前端·javascript·vue