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 19 Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 Javascript
javascript从作用域链谈闭包
Jul 29 Javascript
理解javascript异步编程
Jan 27 Javascript
在AngularJS中使用jQuery的zTree插件的方法
Apr 21 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
原生js实现手风琴功能(支持横纵向调用)
Jan 13 Javascript
微信小程序 图片边框解决方法
Jan 16 Javascript
JS实现JSON.stringify的实例代码讲解
Feb 07 Javascript
微信小程序开发之toast等弹框提示使用教程
Jun 08 Javascript
详解angular 中的自定义指令之详解API
Jun 20 Javascript
vue实现评价星星功能
Jun 30 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 header()函数使用说明
2008/07/10 PHP
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
PHP加密函数 Javascript/Js 解密函数
2013/09/23 PHP
使用php显示搜索引擎来的关键词
2014/02/13 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
js静态作用域的功能。
2006/12/25 Javascript
获取select元素被选中的文本内容的js代码
2014/01/29 Javascript
JavaScript中实现sprintf、printf函数
2015/01/27 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
jQuery zTree加载树形菜单功能
2016/02/25 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
canvas仿iwatch时钟效果
2017/03/06 Javascript
BootstrapTable加载按钮功能实例代码详解
2017/09/22 Javascript
微信小程序实现的贪吃蛇游戏【附源码下载】
2018/01/03 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
玩转python爬虫之cookie使用方法
2016/02/17 Python
Python中的枚举类型示例介绍
2019/01/09 Python
Python何时应该使用Lambda函数
2019/07/02 Python
详解Python是如何实现issubclass的
2019/07/24 Python
python实现操作文件(文件夹)
2019/10/31 Python
python关于调用函数外的变量实例
2019/12/26 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
python turtle工具绘制四叶草的实例分享
2020/02/14 Python
python 5个实用的技巧
2020/09/27 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
python实现数学模型(插值、拟合和微分方程)
2020/11/13 Python
人事专员的岗位职责
2014/03/01 职场文书
财务工作犯错检讨书
2014/10/07 职场文书
婚庆开业庆典主持词
2015/06/30 职场文书
早安问候语大全
2015/11/10 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
Node.js实现断点续传
2021/06/23 Javascript