VUE 3 如何检查元素何时位于视口中？

Question

我正在寻找解决方案，如何检查页面上的给定元素是否在视口中。互联网上有很多针对 Vue 版本 2 的现成解决方案，但我找不到在 Vue 3 中工作的东西。我可以在 Vanilla JS 中做到这一点，但我刚刚学习 Vue 3 框架，我不知道怎样做才是正确的。请帮忙。

Answer 1

对于 Vue 3，有一个流行的基本 Vue 组合实用程序集合，称为https://vueuse.org/。具有实用程序https://vueuse.org/core/useElementVisibility/，这（可能）就是您正在寻找的。它附带了一个关于如何使用它的很棒的代码示例以及源代码的链接，以便您可以研究它是如何实现的。