yanhaijing/zepto.fullpage

结合vue router使用的问题

Open

#116 opened on Jan 14, 2020

View on GitHub
 (5 comments) (0 reactions) (1 assignee)CSS (2,107 stars) (519 forks)batch import
help wanted

Description

问题是什么

使用vue router结合zepto.fullpage进行开发，在page.vue里面初始化，然后返回index.vue，再进入page.vue就不能滑动了，看了一下源码是在fullpage初始化的时候，做了全局变量fullpage是否为null的判断，由于上一次进入page.vue的时候全局变量fullpage已经有值了，所以再次进入没有执行初始化，不知道算不算bug，我添加了destroy方法，将全局变量fullpage改为null，问题解决。 destroy: function() { fullpage = null }

环境

  • 手机: 任何手机
  • 系统：任何系统
  • 浏览器：任何浏览器
  • zepto版本：1.1
  • zepto.fullpage版本：v0.5.0

在线例子

没有例子

其他

没有其他信息

Contributor guide

Tech stack
javascriptvue
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Vue.jsVue RouterZepto
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Examine the plugin's source code (e.g., fullpage.js) to identify the global variable `fullpage` and its usage. Add a `destroy` method that sets `fullpage = null` and resets any associated event listeners or DOM changes. Ensure the method is exposed publicly so Vue Router can call it during component unmounting (e.g., `beforeDestroy`). Review issue comments for additional context or suggestions from maintainers.