原文:vue hash模式下如何使用a标签的锚点定位

vue的路由设置为hash模式,正常使用a标签的锚点定位,在浏览器刷新 后退 前进时,路由会匹配不上,导致页面无法正常渲染,在网上查了许多资料都说是要将vue的路由设置为history模式,后来偶然想到一种方法,现记录如下: 说明:上面的实现方式并不完美,页面刷新时,不会直接显示到上一次页面的浏览位置,另外,如果当前页面url是需要携带参数的,那么,就不适合通过这种方法来使用a标签的锚点定位了,总 ...

2019-01-02 17:02 0 1837 推荐指数:

查看详情

vue hash模式 点定位 支持动画

1、问题 由于vue 路由hash模式在url中已经将#占用,页面上的#已经不具备hash 点功能。 2、js实现带动画的点定位 html: ...

Mon Dec 30 19:19:00 CST 2019 0 1070
vue项目hash路由点定位问题

路由 hash 模式已经将#占用, 页面的点功能失效,此时就不能使用a标签进行定位跳转了。 其他方法: window.scrollTo(x,y); x,y为坐标,需要知道目标位置的准确坐标;无单位,像素值;和scroll用法基本一致 ...

Fri Sep 17 23:35:00 CST 2021 2 76
vue项目点定位+滚动定位

文来自:https://blog.csdn.net/qq_43369797/article/details/98966790 功能: HTML: js: ...

Thu May 21 18:47:00 CST 2020 0 6382
a标签设置点定位div

<a href="#5F">点5</a> </br></br></br></br></br></br></br></br></br></br> ...

Wed Feb 08 19:28:00 CST 2017 0 2084
Vue 组件中点定位的问题

1 当前组件的顶部 this.$el.scrollIntoView() 2 指定的 Element this.$el.querySelector(selector).scrollIntoView ...

Wed Aug 21 07:23:00 CST 2019 0 1133
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM