项目使用的是vue，但是因为是两个不同的导航栏，所以我们利用了vue中的子路由来实现，详细如何配置见vue官网的路由模块，今天这里要说的是如何跨页面做锚点定位，起初最开始想到的是利用vue中的非父子组件传值，后来发现bus必须是在我的整个页面渲染完成之后，因为要求不能重新刷新页面，所以这里不能使用a标签的锚点定位。。。。这时我想到了使用localstory；
首先在我的
在这里利用click.native增加方法避免了与router-link的冲突
将我的id存储到我的本地存储中，在我的要跳转到的目的页面获取我的id
注意要你要跳转到的位置写上id（注意这里的id必须与localstory中的相同）
项目使用的是vue，但是因为是两个不同的导航栏，所以我们利用了vue中的子路由来实现，详细如何配置见vue官网的路...
1.先记录一下非跨页面的实现方法：官方文档有写，这样在一个组件里改变hash，比如#anchor-1，就能够跳到i...
overflow 与锚点定位 锚点，通俗点的解释就是可以让页面定位到某个位置的点。 基于URL 地址的锚链实现锚点...
1，vue 路由守卫 2，锚点定位 3，页面平缓的滑动置顶 https://segmentfault.com/a/...
相信做前端的都做过页面锚点定位的功能，通过 去设置页面内锚点定位跳转。本篇文章就使用tablayout、scro...
1. 锚点跳转简介 锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。锚点跳转有两种形式： ...
二、HTML的核心标记 （十）、锚点链接 说明：可以在当前页面中进行跳转，或者可以跨页面跳转。 锚点链接需要两部分...
当我们使用a标签做锚点定位的时候，如果有做固定顶部导航栏的话，直接定位到锚点的时候，会发现定位的位置相较于锚点往下...
在vue中实现锚点定位效果 iview的锚点 原生锚点实现 iview爬坑点 且需要把滚动容器的id或者class...
最近写一个vue的项目，有一个地方需要使用锚点定位。 html中传统锚点定位方法就是利用a标签的href属性值与d...
本文标题：如何利用vue做跨页面锚点定位
本文链接：https://www.haomeiwen.com/subject/uorqnxtx.html
网友评论