首页 > 其他分享 >vue scroll事件

vue scroll事件

时间:2022-12-12 10:01:34浏览次数:41  
标签:vue const target console 事件 scrollTop scroll scrollHeight

    handleScroll(e) {
      const scrollTop = e.target.scrollTop
      const windowHeight = e.target.clientHeight
      const scrollHeight = e.target.scrollHeight
      if (scrollTop + windowHeight >= scrollHeight) {
        console.log('到达底部了')
      }
      if (scrollTop === 0 && this.oldv !== 0) {
        console.log('到达头部了')
      }
    },

 

标签:vue,const,target,console,事件,scrollTop,scroll,scrollHeight
From: https://www.cnblogs.com/zylzh/p/16975299.html

相关文章

  • vue 页面内复印窗口
    vuehtml代码<divid="printArea"ref="printArea"class="printArea"><divclass="positiveItem"><img:src="idC......
  • Vue基础(四)
    vue生命周期函数介绍引入场景:呈现文字透明渐隐的效果......<body><divid="container"><!--值必须写成对象式,在js中,若键值对名称一样,则可以简写--......
  • vue3+element plus封装一个Drawer抽屉组件
    在开发中,我们经常使用vue2封装一些弹窗、抽屉组件,但是vue3的用法与vue2又不同,记录下本次使用vue3基于elementplus封装的一个抽屉组件开发思路是,关闭和打开抽屉组件的方......
  • Nuxt.js IIS部署,Nuxt.js 发布部署vue-cli 安装 2020最新 vue 4.0安装
    第一步:服务器安装node.js环境1、安装node.js下载地址​​http://nodejs.cn/download/​​我是全部默认下一步的,安装成功之后运行命令查看是否安装成功如果没有出现版本号,......
  • vue3简易入门剖析
    vue3入门本章内容vue3简介vue3项目构建工具vitevue3组合式APIvue3响应式原理–Proxy+Object.defineProperty()computed计算属性watch侦听器函数的使用新增内置组件一、vue3......
  • 第十三章:vuex状态(数据)管理
    第十三章:vuex状态(数据)管理一、VueximporteventbusVue.proptotype.enventBus=eventBus全局事件总线。组件之间的通信:props属性自定义事件总线传值eventBus插槽传值......
  • vue封装移动端日历选择和前后日期切换功能组件
    整体效果1.main.js文件引入element-ui(需要用install指令安装,这里不贴出来了)2.新建组件文件<template><divid="app"><divclass="choose-day-week-month-year-all">......
  • vue组件间的通讯的10种方法
    https://blog.csdn.net/Serena_tz/article/details/124675515 1.props/$emitprops主要用于父组件传递数据给子组件,父==>子。Vue自定义事件父组件可以在使用子组件的地......
  • vue跨域问题
    例:浏览器在进行网络请求时 1.http :协议2.localhost:主机名3.8080:端口号 三者有一个不同,浏览器就会出现跨域问题 解决方法:proxyTable ......
  • JS手写题随笔-20221211.1 ---- 事件中心(发布订阅)
    发布订阅事件中心的实现//TSclassEventEmitter{//事件中心privatestore:Record<string,Function[]>;constructor(){this.store={};}......