vue项目中锚点定位替代方式


Posted in Javascript onNovember 13, 2019

在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位:

scrollToSection() {
   let section = document.getElementById('section')
   if (section) {
    section.scrollIntoView()
   }
  }

html标签中绑定click事件就可以了

以上这篇vue项目中锚点定位替代方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
学习JS面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
关于firefox的ElementTraversal 接口 使用说明
Nov 11 Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
js控制分页打印、打印分页示例
Feb 08 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
jQuery学习之DOM节点的插入方法总结
Jan 22 Javascript
Vue如何实现响应式系统
Jul 11 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
Apr 04 Javascript
原生js实现简单轮播图
Oct 26 Javascript
微信小程序后端(java)开发流程的详细步骤
Nov 13 #Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 #jQuery
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
Nov 13 #Javascript
jquery获取input输入框中的值
Nov 13 #jQuery
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 #Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 #Javascript
在vue-cli中引入lodash.js并使用详解
Nov 13 #Javascript
You might like
Terran兵种介绍
2020/03/14 星际争霸
又一个php 分页类实现代码
2009/12/03 PHP
如何把php5.3版本升级到php5.4或者php5.5
2015/07/31 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
2009/12/04 Javascript
javascript parseInt与Number函数的区别
2010/01/21 Javascript
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
来自qq的javascript面试题
2010/07/24 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
jQuery中end()方法用法实例
2015/01/08 Javascript
深入分析JSON编码格式提交表单数据
2015/06/25 Javascript
原生js实现吸顶效果
2017/03/13 Javascript
小程序转发探索示例
2019/02/19 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
2020/07/26 Javascript
python中enumerate函数遍历元素用法分析
2016/03/11 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
python opencv图片编码为h264文件的实例
2019/12/12 Python
django 多数据库及分库实现方式
2020/04/01 Python
python文件操作seek()偏移量,读取指正到指定位置操作
2020/07/05 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
flask项目集成swagger的方法
2020/12/09 Python
介绍一下代理模式(Proxy)
2014/10/17 面试题
公司成立感言
2014/01/11 职场文书
商务英语广告词大全
2014/03/18 职场文书
幼儿园保育员责任书
2014/07/22 职场文书
装饰公司活动策划方案
2014/08/23 职场文书
个人四风对照检查材料
2014/09/26 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
导游词之太湖
2019/10/08 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
python urllib库的使用详解
2021/04/13 Python
《火纹风花雪月无双》预告“神秘雇佣兵” 紫发剑客
2022/04/13 其他游戏