vue使用vue-fullpage知道当前滑动页面在第几页

• data部分
  规定回调函数

  data() {
      return {
        options: {
          afterLoad: this.afterLoad,
       //   这个是回调函数
          verticalCentered: false,
          scrollingSpeed: 500,
          navigation: 'true',
          section: ['#fff', '#fff', '#fff', '#fff', '#fff']
        },
        topShow: false,
       }
    },

• methods部分
  section滚动会造成body的刷新，同时调用回调函数，其中body上的classname，对应’fp-viewing-0’，‘fp-viewing-1’，‘fp-viewing-2’

```methods: {
      //回调函数会随着section滑动调用
      afterLoad() {
        console.log("Emitted 'after load' event.")
        //获取body的classname，跟随section滑动刷新
        let a = document.body.className
        //在第几页控制相关逻辑
        if (a != 'fp-viewing-0') {
          } else {
          }
      },
    }

最后

以上就是花痴奇异果为你收集整理的vue使用vue-fullpage知道当前滑动页面在第几页的全部内容，希望文章能够帮你解决vue使用vue-fullpage知道当前滑动页面在第几页所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。