Vue引入jquery实现平滑滚动到指定位置

过去，jquery的动画实现是首选，但在Vue中没有这样的方法。如何在Vue项目中实现点击导航和平滑滚动到指定位置，为了这个效果，我快要崩溃了。在网上搜索了很久，发现并没有真正解决这个问题。之前提到一个博主的想法：通过在一定时间内以固定的时间和步长滚动，经过连续观察，肉眼观察到平滑滚动的效果(点击查看)。当时看到这篇文章就心花怒放，很快就在参考代码里写了，但是蛋死了。一点用都没有。后来联系博主讨论后，得出的结论是我的vue2.4版本对定时器不友好，建议我把版本调低。我还是继续研究如何实现吧。最后，我找不到什么好方法。我引入了jquery，然后用动画方法的一些代码实现了这个效果。

1.npm安装jquery: NPM安装jquery-registry=https://registry . NPM . Taobao . org-verbose

2.安装成功后，修改webpack配置文件：build build-web pack . base . conf . js，如下图所示：

3.在vue模板的脚本中导入这个jquery插件，然后就可以使用了。我项目中的导航和其他模块是不同的组件，然后我用发送和接收的方法使用index进行操作(发送和接收的方法在我之前的博文中有详细介绍，点击查看)。平滑效果主要看我红框里的代码，其他代码都是我项目里的东西，不需要考虑3360。

摘要

以上是边肖介绍的Vue对jquery的介绍，实现平滑滚动到指定位置，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！