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 相关文章推荐
基于jQuery图片平滑连续滚动插件
Apr 27 Javascript
jquery iframe操作详细解析
Nov 20 Javascript
js的toLowerCase方法用法实例
Jan 27 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
jquery判断对象是否为空并遍历对象的简单实例
Jul 26 Javascript
js实现旋转木马效果
Mar 17 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
Apr 03 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 Javascript
Javascript Web Worker使用过程解析
Mar 16 Javascript
vue脚手架项目创建步骤详解
Mar 02 Vue.js
vue如何使用模拟的json数据查看效果
Mar 31 Vue.js
微信小程序后端(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
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
一个PHP缓存类代码(附详细说明)
2011/06/09 PHP
PHP 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
JQuery实现鼠标移动到图片上显示边框效果
2014/01/09 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
2014/02/07 Javascript
JavaScript获取页面中超链接数量的方法
2015/11/09 Javascript
基于jquery实现表格无刷新分页
2016/01/07 Javascript
JS从一组数据中找到指定的单条数据的方法
2016/06/02 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
微信小程序使用echarts获取数据并生成折线图
2019/10/16 Javascript
[01:05:40]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第三场
2014/05/24 DOTA
[01:36]极致酷炫!TI9典藏宝瓶+撼地者至宝展示
2019/06/11 DOTA
python下如何让web元素的生成更简单的分析
2008/07/17 Python
Python中类的继承代码实例
2014/10/28 Python
更新修改后的Python模块方法
2019/03/03 Python
python async with和async for的使用
2019/06/20 Python
手机使用python操作图片文件(pydroid3)过程详解
2019/09/25 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
在 Pycharm 安装使用black的方法详解
2020/04/02 Python
纯CSS3实现鼠标悬停提示气泡效果
2014/02/28 HTML / CSS
致跳高运动员广播稿
2014/01/13 职场文书
幼儿园教师节活动方案
2014/02/02 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
政府采购方案
2014/06/12 职场文书
放假通知格式
2015/04/14 职场文书
公司年夜饭通知
2015/04/25 职场文书
师德师风培训感言
2015/08/03 职场文书
写给同事的离职感言
2015/08/04 职场文书
MySQL时间盲注的五种延时方法实现
2021/05/18 MySQL
python数字图像处理实现图像的形变与缩放
2022/06/28 Python
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技