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实现随机返回数组的一个元素
Aug 13 Javascript
理解Javascript_03_javascript全局观
Oct 11 Javascript
JS动态日期时间的获取方法
Sep 28 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
Jun 28 Javascript
Javascript 基础---Ajax入门必看
Jul 06 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
Sep 27 Javascript
图解Javascript——作用域、作用域链、闭包
Mar 21 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
通过一个简单的例子学会vuex与模块化
Nov 22 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
Aug 17 Javascript
玩转Koa之核心原理分析
Dec 29 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
thinkPHP自动验证机制详解
2016/12/05 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
Laravel 队列使用的实现
2019/01/08 PHP
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
利用js获取服务器时间的两个简单方法
2010/01/08 Javascript
轻松创建nodejs服务器(5):事件处理程序
2014/12/18 NodeJs
JS+CSS实现简单滑动门(滑动菜单)效果
2015/09/19 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
微信小程序 this和that详解及简单实例
2017/02/13 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
js中apply()和call()的区别与用法实例分析
2018/08/14 Javascript
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
2020/04/10 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
Python通过90行代码搭建一个音乐搜索工具
2015/07/29 Python
Python3中的真除和Floor除法用法分析
2016/03/16 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
Python 列表理解及使用方法
2017/10/27 Python
python简单实现操作Mysql数据库
2018/01/29 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
tensorflow 固定部分参数训练,只训练部分参数的实例
2020/01/20 Python
python3 字符串知识点学习笔记
2020/02/08 Python
解决pycharm中的run和debug失效无法点击运行
2020/06/09 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
什么是继承
2013/12/07 面试题
幼儿园毕业寄语
2014/04/03 职场文书
股权转让协议书范本
2014/04/12 职场文书
科学发展观标语
2014/10/08 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
导游词之潮音寺
2019/09/26 职场文书
深入浅析React中diff算法
2021/05/19 Javascript
Python中的socket网络模块介绍
2022/07/23 Python