Skip to content

交叉观察者

v-intersect 指令使用了 Intersection Observer API。 它提供了一个易用的检测元素是否进入视口 (viewport) 的接口。这个指令同样也用在了 v-lazy 组件上。

使用

滚动窗口并观察色球。注意 v-card 进入视口的时候,它的从错误色变成成功色。

API

指令描述
v-intersect交叉观察者指令

示例

属性

选项

v-intersect 指令接受选项(进行配置)。可以在 Intersection Observer API看到可用选项。下面这个例子使用了 threshold 选项。