47.记录跳转路径中多出来的#导致无法跳转
2019-01-16 本文已影响5人
yaoyao妖妖
- 近期发现一个很诡异的bug,就是在vue的单页应用,mode: history 的前提下,在路由push的时候,页面地址莫名其妙出现了一个#,导致在返回上一级界面的时候,会出现先跳转带#的地址(页面不跳转),然后在跳转不带#的地址,也就是说需要点击2次返回键才能返回上级界面的情况?
最后发现原因,在页面中 <a href="#" class="numberLogin">短信验证码登录</a>,去掉 href="#"即可。
tips:
href在是CSS代码的一种意思是指定超链接目标的URL。在HTML和JSP页面代码里的作用是标签,其作用是插入一个超链接,“#”是默认当前页面,可以把#换成想跳转的页面。
通常有如下用法: <a href="#" onclick="window.close()">关闭</a> 。
将href="#"是指链接到当前页面,其实是无意义的,页面也不会刷新,关键是后面的onclick,当点击“关闭”时,会执行window.close()代码。