Vuetify

商店

企业版

v-intersect 指令使用了 Intersection Observer API。 它提供了一个易于使用的接口,用于检测元素在用户视图中可见的时间。这也用于 v-lazy 组件。

滚动窗口并观看彩色的点。注意 v-card 会从 error 变为 success

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

v-intersect 指令接受选项。 可用的选项可以在 Intersection Observer API 中找到。 以下是使用 threshold 选项的示例。

虽然 Intersection Observer API 默认在 IE11 中不可用,但它可以使用 polyfill 来实现。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!