美文网首页
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.记录跳转路径中多出来的#导致无法跳转

    近期发现一个很诡异的bug,就是在vue的单页应用,mode: history 的前提下,在路由push的时候,页...

  • 微信小程序 navigateTo跳转链接失灵

    1、url路径不对 2、如果是TabBar中的list项的配置pagePath,不要作为其他页面的跳转链接,会无法跳转

  • APP间跳转

    第一步: //在要跳转页面的触发跳转方法中写入跳转路径//格式:[[UIApplication sharedApp...

  • APP间跳转-传值

    第一步: //在要跳转页面的触发跳转方法中写入跳转路径 //格式:[[UIApplication sharedAp...

  • 微信小程序常见错误

    由于缺少逗号、花括号,报路径错误 由于没有在app.json添加页面路径,导致无法跳转 app.json最后一个路...

  • vscode - 常用插件

    updating 1 别名路径跳转 作用: 在引入的文件中, 鼠标悬浮到引入路径, 按住ctrl并单击会跳转到对...

  • query与params的页面传值

    先简单记录页面传值, 还没完全弄懂其中的原理先配置路径跳转 params data传参 params传参 跳转页面...

  • 命令提示行跳转目录

    1.先转换到目标盘,格式“E:”跳转到E盘下2.跳转到E盘后,输入“cd 路径”,跳转到目标路径

  • vscode常用插件

    "别名路径跳转" 插件

  • 编程式导航

    编程式导航:就是写逻辑让页面跳转 跳转写法: path跳转 this.$router.push('路径') 对象...

网友评论

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

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