这是一个Vue指令，它接受一个参数（一个函数），并在用户滚动包含该DOM节点的页面时触发。

Scroll API

用法

<template>
  ...
  <div v-scroll="scrolled">...</div>
  ...
</template>

<script>
export default {
  ...,
  methods: {
    ...,
    scrolled (position) {
      //当这个方法被调用时，意味着用户
      //已将页面滚动到`position`
      //
      //`position`是一个Integer, 指定的以像素为单位的
      //当前滚动位置。
    }
  }
}
</script>

请注意，默认情况下，所调用的方法没有去抖（debounce）。 为此，你必须自己做，通过用Quasar的debouncer实用程序包裹您的方法，如下所示。 按照下面的示例，您需要使用function (position) {}或position => {}.bind(this)才能访问去抖方法中的Vue组件。

import { debounce } from 'quasar'

export default {
  ...,
  methods: {
    ...,
    scrolled: debounce(function (position) {
      //当这个方法被调用时，意味着用户
      //已将页面滚动到“position”
      //
      //“position”是一个Integer, 指定的以像素为单位的
      //当前滚动位置。
    }, 200) // debounce for 200ms
  }
}

滚动容器确定

请阅读这里，了解Quasar如何确定将滚动事件附加到的容器。