登录 注册
当前位置:主页 > 资源下载 > 18 > it-intersect:一个超级简单的Vue.js组件,使用IntersectionObserver通知与视口或元素相交的时间下载

it-intersect:一个超级简单的Vue.js组件,使用IntersectionObserver通知与视口或元素相交的时间下载

  • 更新:2024-10-28 13:03:50
  • 大小:43KB
  • 推荐:★★★★★
  • 来源:网友上传分享
  • 类别:其它 - 开发技术
  • 格式:ZIP

资源介绍

它相交 一个简单的组件,使用IntersectionObserver通知与视口或元素相交的时间 关于 作为IntersectionObserver API的包装,当您的应用程序需要响应视口中特定组件的存在时,此简单组件非常有用。 最佳用例可能是无限滚动。 鉴于您要在容器组件中呈现列表,因此,如果将此组件放置在该容器中的列表之后,则可以侦听交集事件并执行异步操作以更新列表 重要的 该组件基于Intersection Observer API (目前是一项实验性技术),仅在最新版本的主要浏览器中实现。 幸运的是,您可以包括一个官方的 ,以使一切正常 安装 npm install it-intersect # or yarn add it-intersect 用法 这是无限滚动加载的示例 < template> < div> <!-- your list -->