vue full-page插件使用，导致组件监听滚动事件失效

最新推荐文章于 2024-09-07 09:15:00 发布

weixin_43794803

最新推荐文章于 2024-09-07 09:15:00 发布

阅读量714

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43794803/article/details/122358315

版权

问题：vue组件使用了full-page插件，然后该组件的鼠标滚动事件监听失效，导致不能实现回到顶部功能；

解决方法：
使用vuex，在state里面设置变量，用mapState映射state里面的变量，然后在该组件中用watch监听该变量，再根据full-page插件里面的afterload 判断目前已经滚动到了哪一个页面，根据实时更新页面的index来判断是否显示回到顶部按钮，再在该按钮的点击事件里面执行回到顶部操作；