vue中 @scroll事件不触发的问题

最新推荐文章于 2024-08-02 17:24:12 发布
最新推荐文章于 2024-08-02 17:24:12 发布
阅读量1.6k 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/theman23/article/details/125806494
版权

试了半天原来 <div class="content" @scroll="scroll">中的.content类中必须要给height，和scroll两个属性赋值，而且height值要小于内容高度。那height要这么赋值呢？用VH这个单位就比较方便了 ，VH是根据不同设备，把设备屏幕尺寸分成100份，所以全屏高度就是100HV，所以“height: 100vh;”就可以了，
VUE这个事件触发还是太麻烦，直接window.addEventListener('scroll',this.scroll)最简单

theman23
关注
vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解
12-13
本文实例讲述了vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法。分享给大家供大家参考，具体如下： 在网上看了一下vue中监听滚动条滚动事件，清一色的使用document.addEventListener('scroll',function(){}) 我是在做滚动条滑到底部时，自动加载更多的时候有这个需求。 我认为使用document.addEventListener会破坏vue的统一性，对我这种有轻微代码强迫症的人来说，让我感觉很不爽。而且这种做法，会让你更加难以判断是否滑动到底部了，特别是当你并不是整页滚动，而是页面中拥有一个fixed固定的头部时。 在.vue的组件
vue项目设置scrollTop不起作用(总结)
10-17
主要介绍了vue项目设置scrollTop不起作用(总结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue中window.addEventListener(‘scroll‘, xx)失效
最新发布
_NIXIAKF的博客
08-02 261
vue中window.addEventListener(‘scroll‘, xx)失效
vue监听失效_vue中使用@scroll监听滚动事件，@scroll无效
weixin_39555715的博客
12-19 784
vue中使用@scroll监听滚动事件，@scroll无效lycorisradiata•2020 年 04 月 26 日在做滚动条滑到底部时有自动加载更多这个需求。:desc=book.bookInfo:title=book.bookNameclass="goods-card":thumb=book.bookCover:id="book.bookId"/>加载更多但是发现循环出来的li标...
【VUE】在vue中使用@scroll监听滚动事件，@scroll无效问题解决！
qq_26642611的博客
07-24 2699
在网上看了一下vue中监听滚动条滚动事件，清一色的使用document.addEventListener(‘scroll’,function(){}) 我是在做滚动条滑到底部时，自动加载更多的时候有这个需求。 我认为使用document.addEventListener会破坏vue的统一性，对我这种有轻微代码强迫症的人来说，让我感觉很不爽。而且这种做法，会让你更加难以判断是否滑动到底部了，特别是当你并不是整页滚动，而是页面中拥有一个fixed固定的头部时。 在.vue的组件中 <template&gt
scroll-view中@scroll事件滚动未触发之一系列问题
weixin_58390720的博客
06-07 691
问题：在页面上滑后，再想下滑至顶部时发现触发了下拉刷新，且页面不能向下滑动解决方法：使用scroll监听滑动位置，当到达顶部时下拉即触发刷新。
vue中监听scroll事件失效的问题及解决。
weixin_47404583的博客
09-23 1402
因为我写的div 只是window内部的一个小元素，所以，需要向下捕获才可以。vue中监听scroll事件失效的问题及解决。无法监听到滚动的事件，不打印console。vue 监听scroll 事件也不生效。对于这个问题解释一下这三个参数吧。
解决vue组件中click事件失效的问题
12-13
在集成better-scroll时，由于它默认并不处理click事件，而是专注于滚动行为，所以当我们在组件中尝试使用`@click`时，事件可能无法正常触发。为了解决这个问题，我们需要在better-scroll的配置中明确启用click事件...
vue中的事件处理
weixin_46376652的博客
07-09 673
（1）、使用v-on:xxx绑定事件，或者@xxx 绑定事件，例：@click=“函数名”，函数写在vue实例的methods中（2）、函数后面加括号可以直接传参，默认传参event，手动传参需要使用$event占位，不然会默认不传参event （1）、通过methods调用的函数最终会成为vm的一个属性，但是没有get和set方法，因为函数定义之后就不需要修改了；（2）、methods中定义的函数this指向为vm 或 组件实例化对象 ( 箭头函数除外，箭头函数指向为window )用于阻止默认行为例：@
vue中 @scroll的使用
05-20
@scroll 是 Vue 中的指令之一，用于绑定滚动事件。具体地说，它可以将一个函数绑定到一个指定元素的滚动事件上，在滚动时自动调用该函数。 在 Vue 中，使用 @scroll 指令的方式如下所示： ```html <div v-...
vue 监听scroll事件无效
A873054267的博客
08-14 400
1 监听的dom元素设定高度，子元素的内容要超过容器的高度 2 设定overflow为:auto/scroll，默认值为visible，无法触发
vue中监听scroll事件失效的问题
折月的博客
08-21 3954
vue项目中遇到需要监听页面某个元素距顶部距离实现吸顶效果，正常的window.addEventListener('scroll', this.handleScroll)完全失效，经过一段时间的探索发现这个事件在子组件中会遇到问题。 可以用元素上的 @scroll事件来监听滚动，但有一点要注意，scroll的元素需要确认 设置overflow-y:scroll；height:100%的样式。 下面附实现成功的代码： 1.顶部元素添加 @scroll事件监听 <div class="specialt
vue使用使用@scroll监听滚动事件时，监听滚动事件时，@scroll无效问题的解决方法
qq_49173190的博客
04-07 1680
vue使用使用@scroll监听滚动事件时，监听滚动事件时，@scroll无效问题的解决方法
VUE中@wheel和@scroll失败的原因
zhangbaisui的博客
11-08 1390
@wheel和@scroll监听滚动事件条失败的原因
vue @scroll监听滚动条事件，解决不生效问题
weixin_43205308的博客
04-23 2936
1、单纯加 @scroll并不生效 <Row @scroll="loadMore"> 2、在配置@scroll同时在mounted加上一下方法 mounted(){ window.addEventListener('scroll',this.loadMore,true) }, 3、loadMore方法可以自己定义 loadMore: function (e) { console.log(e) } 4、通过以上可以顺利监听滚动条监听事件
vue中window.addEventListener(‘scroll‘, xx)失效解决办法
1
12-14 7484
多次尝试都无法获取到滚动事件,后来加上true之后就可以了 window.addEventListener('scroll', this.clintHeight, true)
CSS3过渡效果小练习-进度条
nuomi_w的博客
11-15 1441
Document
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值