javascript - VUE 3我如何检查元素何时在视口(viewport)中?

标签 javascript vue.js vuejs3

我正在寻找如何检查页面上的给定元素是否在视口(viewport)中的解决方案。网上有很多 Vue 版本 2 的现成解决方案,但是我找不到可以在 Vue 3 中工作的东西。我可以在 Vanilla JS 中完成,但我只是在学习 Vue 3 框架,我不知道怎么做才对。请帮忙。

最佳答案

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

关于javascript - VUE 3我如何检查元素何时在视口(viewport)中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67785854/

相关文章:

javascript - 如何动态导入 Vue 3 组件?

javascript - 为什么谷歌会在前面加上 while(1);他们的 JSON 响应?

javascript - 使 HTML 背景总是变化

javascript - 是否定义了跨操作系统 sleep /暂停的 setTimeout 行为?

javascript - Vue - 无法获取父组件数据

javascript - 如果不使用 v-model.lazy,Vue3 Cleave js 将无法工作

javascript - jQuery 下拉菜单打开所有子菜单

vue.js - 如何在 Nuxt 中设置 netlify 表单

javascript - Vue 组件在 <template> html 标签中不可见

vuejs3 - 如何在vue3和vite的项目中使用这样的tailwindcss动态类?