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 选择器、过滤器介绍
Feb 14 Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
Nov 30 Javascript
jQuery实现图片上传和裁剪插件Croppie
Nov 29 Javascript
省市选择的简单实现(基于zepto.js)
Jun 21 Javascript
jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
Jun 24 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
Node.js模拟发起http请求从异步转同步的5种用法
Sep 26 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
Jun 17 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
15个小时----从修改程序到自己些程序
2006/10/09 PHP
PHP COOKIE设置为浏览器进程
2009/06/21 PHP
PHP 伪静态隐藏传递参数名的四种方法
2010/02/22 PHP
探讨fckeditor在Php中的配置详解
2013/06/08 PHP
深入掌握include_once与require_once的区别
2013/06/17 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
js螺旋动画效果的具体实例
2013/11/15 Javascript
js整数字符串转换为金额类型数据(示例代码)
2013/12/26 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
2016/06/21 Javascript
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
Angular 数据请求的实现方法
2018/05/07 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
Vue循环组件加validate多表单验证的实例
2018/09/18 Javascript
React优化子组件render的使用
2019/05/12 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
2020/09/24 Javascript
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
python常规方法实现数组的全排列
2015/03/17 Python
利用Python演示数型数据结构的教程
2015/04/03 Python
pycharm下查看python的变量类型和变量内容的方法
2018/06/26 Python
Python3 max()函数基础用法
2019/02/19 Python
Python3标准库总结
2019/02/19 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
详解tensorflow2.x版本无法调用gpu的一种解决方法
2020/05/25 Python
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
前台文员岗位职责及工作流程
2013/11/19 职场文书
迷你西餐厅创业计划书范文
2013/12/31 职场文书
兵马俑导游词
2015/02/02 职场文书
签订劳动合同通知书
2015/04/16 职场文书
图书馆义工感想
2015/08/07 职场文书
python编写五子棋游戏
2021/05/25 Python
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL