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代码
Dec 15 Javascript
通过javascript设置css属性的代码
Dec 28 Javascript
javascript中的变量是传值还是传址的?
Apr 19 Javascript
JQuery中的$.getJSON 使用说明
Mar 10 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 Javascript
javascript实现捕捉键盘上按下的键
May 05 Javascript
浅析BootStrap中Modal(模态框)使用心得
Dec 24 Javascript
如何在Angular2中使用jQuery及其插件的方法
Feb 09 Javascript
JavaScript函数中的this四种绑定形式
Aug 15 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
js实现弹框效果
Mar 24 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
PHP数组去重比较快的实现方式
2016/01/19 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
IE6下js通过css隐藏select的一个bug
2010/08/16 Javascript
有关JavaScript的10个怪癖和秘密分享
2011/08/28 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
用js的for循环获取radio选中的值
2013/10/21 Javascript
用原生js做个简单的滑动效果的回到顶部
2014/10/15 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
2017/02/20 Javascript
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
解决vue打包css文件中背景图片的路径问题
2018/09/03 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
laravel实现中文和英语互相切换的例子
2019/09/30 Javascript
微信小程序indexOf的替换方法(推荐)
2020/01/14 Javascript
vue中echarts引入中国地图的案例
2020/07/28 Javascript
Python中数字以及算数运算符的相关使用
2015/10/12 Python
Django中login_required装饰器的深入介绍
2017/11/24 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
Django框架之DRF 基于mixins来封装的视图详解
2019/07/23 Python
Django处理Ajax发送的Get请求代码详解
2019/07/29 Python
Python 多线程搜索txt文件的内容,并写入搜到的内容(Lock)方法
2019/08/23 Python
HTML5 创建canvas元素示例代码
2014/06/04 HTML / CSS
安纳塔拉酒店度假村及水疗官方网站:Anantara Hotel
2016/08/25 全球购物
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
英国手机壳购买网站:Case Hut
2019/04/11 全球购物
值传递还是引用传递
2015/02/08 面试题
大专自我鉴定范文
2013/10/23 职场文书
文明礼仪标语
2014/06/13 职场文书
公共场所禁烟标语
2014/06/25 职场文书
小学五年级语文上册教学计划
2015/01/22 职场文书
2015年护士节活动总结
2015/02/10 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
索尼ICF-36收音机评测
2022/04/30 无线电