如何利用vue做跨页面锚点定位
文章图片
文章图片
项目使用的是vue，但是因为是两个不同的导航栏，所以我们利用了vue中的子路由来实现，详细如何配置见vue官网的路由模块，今天这里要说的是如何跨页面做锚点定位，起初最开始想到的是利用vue中的非父子组件传值，后来发现bus必须是在我的整个页面渲染完成之后，因为要求不能重新刷新页面，所以这里不能使用a标签的锚点定位。。。。这时我想到了使用localstory；
【如何利用vue做跨页面锚点定位】首先在我的
文章图片
在这里利用click.native增加方法避免了与router-link的冲突 
文章图片
将我的id存储到我的本地存储中，在我的要跳转到的目的页面获取我的id 
文章图片
注意要你要跳转到的位置写上id（注意这里的id必须与localstory中的相同）
推荐阅读
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- 如何寻找情感问答App的分析切入点
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus使用queryWrapper如何实现复杂查询
- 如何在Mac中的文件选择框中打开系统隐藏文件夹
- 漫画初学者如何学习漫画背景的透视画法（这篇教程请收藏好了！）
- java中如何实现重建二叉树
- Linux下面如何查看tomcat已经使用多少线程