zoukankan      html  css  js  c++  java
  • vue hash模式下如何使用a标签的锚点定位

    vue的路由设置为hash模式,正常使用a标签的锚点定位,在浏览器刷新/后退/前进时,路由会匹配不上,导致页面无法正常渲染,在网上查了许多资料都说是要将vue的路由设置为history模式,后来偶然想到一种方法,现记录如下:

    <a :href="'#' + $route.path + '#' + item.name" :title="item.name"></a>
    //item.name:指代链接的id值
    //结果展示:http://localhost:8080/#/路由#具体id
    

    说明:上面的实现方式并不完美,页面刷新时,不会直接显示到上一次页面的浏览位置,另外,如果当前页面url是需要携带参数的,那么,就不适合通过这种方法来使用a标签的锚点定位了,总之呢,最好不要采用未经验证ok的非常用方法,可以采用其他模拟的方式来处理,后续继续进行记载

  • 相关阅读:
    prayer OJ M
    51nod1295
    纪念第一次ak。。。
    noip2007-4
    51nod1344
    51nod1079
    51nod1537
    51nod1269Devu and Flowers
    python基本数据类型之列表list
    Python基本数据类型
  • 原文地址:https://www.cnblogs.com/chaoyueqi/p/10209547.html
Copyright © 2011-2022 走看看