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 遮照层实现代码
Mar 31 Javascript
javascript中局部变量和全局变量的区别详解
Feb 27 Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
Jun 13 Javascript
JS实现的相册图片左右滚动完整实例
Nov 23 Javascript
浅谈Node.js:fs文件系统模块
Dec 08 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
vue-router 导航钩子的具体使用方法
Aug 31 Javascript
详解 vue.js用法和特性
Oct 15 Javascript
angular动态表单制作
Feb 23 Javascript
JS使用正则表达式实现常用的表单验证功能分析
Apr 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 高手之路(二)
2006/10/09 PHP
yii框架builder、update、delete使用方法
2014/04/30 PHP
YII2 实现多语言配置的方法分享
2017/01/11 PHP
php取出数组单个值的方法
2018/03/12 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
laravel 实现用户登录注销并限制功能
2019/10/24 PHP
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
2007/04/12 Javascript
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
for 循环性能比较 提高for循环的效率
2009/03/19 Javascript
JS中获取数据库中的值的方法
2013/07/14 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
js简单工厂模式用法实例
2015/06/30 Javascript
JavaScript获取当前cpu使用率的方法
2015/12/15 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
2016/03/08 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
jQuery Chosen通用初始化
2017/03/07 Javascript
js实现音乐播放控制条
2017/09/09 Javascript
Vue中实现权限控制的方法示例
2019/06/07 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
vue中使用elementUI组件手动上传图片功能
2019/12/13 Javascript
python 获取本机ip地址的两个方法
2013/02/25 Python
零基础写python爬虫之抓取百度贴吧代码分享
2014/11/06 Python
用ReactJS和Python的Flask框架编写留言板的代码示例
2015/12/19 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
Servlet方面面试题
2016/09/28 面试题
个人简历中的自我评价怎么写
2014/01/26 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
2014年小学工作总结
2014/11/26 职场文书
小学生作文批改评语
2014/12/25 职场文书