美文网首页
47.记录跳转路径中多出来的#导致无法跳转

47.记录跳转路径中多出来的#导致无法跳转

作者: yaoyao妖妖 | 来源:发表于2019-01-16 10:00 被阅读5次
    1. 近期发现一个很诡异的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()代码。
    

    相关文章

      网友评论

          本文标题:47.记录跳转路径中多出来的#导致无法跳转

          本文链接:https://www.haomeiwen.com/subject/vgppdqtx.html