window.onscroll在Nuxt.js内的Safari和iOS中不起作用

// plugins/scroll.js

import Vue from 'vue';

Vue.directive('scroll', {
  inserted: function (el, binding) {
    const callback = binding.value;
    window.addEventListener('scroll', callback);
  },
  unbind: function (el, binding) {
    const callback = binding.value;
    window.removeEventListener('scroll', callback);
  }
});

// nuxt.config.js

export default {
  // ...
  plugins: [
    { src: '~/plugins/scroll.js', mode: 'client' }
  ],
  // ...
}

<template>
  <div v-scroll="handleScroll">
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    handleScroll() {
      // 处理滚动事件
    }
  }
}
</script>