如何利用vue做跨页面锚点定位

项目使用的是vue，但是因为是两个不同的导航栏，所以我们利用了vue中的子路由来实现，详细如何配置见vue官网的路由模块，今天这里要说的是如何跨页面做锚点定位，起初最开始想到的是利用vue中的非父子组件传值，后来发现bus必须是在我的整个页面渲染完成之后，因为要求不能重新刷新页面，所以这里不能使用a标签的锚点定位。。。。这时我想到了使用localstory；

首先在我的

在这里利用click.native增加方法避免了与router-link的冲突
将我的id存储到我的本地存储中，在我的要跳转到的目的页面获取我的id
注意要你要跳转到的位置写上id（注意这里的id必须与localstory中的相同）
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,399评论 19赞 139
  • vue开源项目库汇总
    转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 23,304评论 8赞 124
  • 想做个厨爸
    小卢，相信在不久的将来，你诞生的那天，我就要成为厨爸了，嘿嘿。一个好的番茄炒牛肉终于博得你妈妈的欢心，最近她都吐得...
    温思默克阅读 2,087评论 0赞 0
  • [SceneKit专题]10.Materials材质
    说明 本系列文章是对<3D Apple Games by Tutorials>一书的学习记录和体会此书对应的代码地...
    苹果API搬运工阅读 7,192评论 7赞 6
  • 选择
    生活处处是选择，选择工作地点，选择工作方向，选择恋爱对象，选择衣食住行，盲目乐观，生活迷茫就是目前我的心理状态
    娜挞阅读 955评论 0赞 0