您现在的位置是:群英 > 开发技术 > 编程语言
VUE锚点定位替代方式怎么实现
Admin发表于 2022-04-26 15:22:291100 次浏览
在实际案例的操作过程中,我们可能会遇到“ VUE锚点定位替代方式怎么实现 ”这样的问题,那么我们该如何处理和解决这样的情况呢?这篇小编就给大家总结了一些方法,具有一定的借鉴价值,希望对大家有所帮助,接下来就让小编带领大家一起了解看看吧。


在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位:

scrollToSection() {
    let section = document.getElementById(´section´)
    if (section) {
        section.scrollIntoView()
    }
}


html标签中绑定click事件就可以了,以上这篇vue项目中锚点定位替代方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适


感谢各位的阅读,以上就是“ VUE锚点定位替代方式怎么实现 ”的内容了,通过以上内容的阐述,相信大家对VUE锚点定位替代方式的实现方法已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注群英网络,群英网络将为大家推送更多相关知识点的文章。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

相关信息推荐
2022-08-27 17:03:56 
摘要:本篇文章带大家了解一下三种JavaScript包管理器(npm、yarn、pnpm),并将这三种包管理器进行对比,聊聊npm、yarn、pnpm三者的区别和关联,希望对大家有所帮助,如有问题欢迎指出!
2022-01-26 18:39:53 
摘要:Java的几种运算符基本用法是什么?在Java中,常用的运算符有算术运算符、赋值运算符、比较运算符、逻辑运算符和条件运算符等等这些,文中简单的介绍了它们的使用,及优先级,感谢兴趣的朋友就继续往下看吧。
2022-09-16 17:55:31 
摘要:WAS是一项针对web应用程序的安全服务,是基于应用系统整体架构的特性和其个性化的需求来提供有针对性的安全解决方案;可保障web应用程序的安全,有效减少用户单位由于安全问题引起的不可估量的损失。WAS的主要内容:1、web程序全面代码分析,查找脚本后门;2、web应用代码黑盒测试/白盒测试,分析代码存在的安全缺陷;3、更改服务上部分应用程序,增加系统隐蔽性和安全性。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部