vue scroll事件失效

发表于2022-03-17|更新于2026-02-24

|浏览量:

那些听不见音乐的人认为那些跳舞的人疯了。——尼采。

这个坑，我遇到的时候，百度要么告诉我加高度，要么告诉我用document或者ref去获取节点

可我只想用@scroll事件，于是我在到处加@scroll，在组件上加@scroll.native，在组件里的div上加，在slot中加，然后又给它们挨个加高度，没一个好使，搞的我很头大

后面我突然发现，我给加的，好像并不是实际滚动的地方，那我明白了，首先我给引用组件放入slot中的div指定了样式：

.allow-scroll {
  height: 80vh;
  overflow-y: scroll;
}

然后再给它绑定事件@scroll，此处如果该div下的元素高度超出了80vh，则会触发事件。。。这坑踩的，就离谱

相关推荐

Generator函数自动执行器

有的东西被遗忘，有的东西销声匿迹，有的东西死了，而其中几乎不含有悲剧性因素。——《寻羊冒险记》今天用typescript写了个Generator函数自动执行器： 1234567891011export function runGenAuto(fn: Function) { let gen: Generator<Function> = fn() function next() { let result = gen.next() if (result.done) { return result.value } return result.value(next) } return next();} 为了测试效果，我们定义一个Generator函数，这个函数用于将URLSearchParams转换成一般对象当然直接遍历不用generator也能实现上述需求，但这里主要是为了测上方的自动执行Generator...

img图片丢失后默认图

万物并育而不相害，道并行而不相悖。一一《礼记》我们在使用img标签时经常会遇到图片丢失等情况，我们可以给图片设置一个默认图写法如下： 1<img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" /> 这时候我们并没有给src属性赋值，导致触发onerror事件，执行了其中的js 当然如果我们是正常的图片，是无影响的

jsDate对象基本操作

要得到你想要的某件东西，最可靠的办法是让你自己配得上它。——查理·芒格搬运菜鸟教程 JavaScript Date 对象Date 对象Date 对象用于处理日期和时间。创建 Date 对象的语法：1var myDate=new Date() **注释：**Date 对象会自动把当前日期和时间保存为其初始值。 Date 对象属性属性描述 constructor 返回对创建此对象的 Date 函数的引用。 prototype 使您有能力向对象添加属性和方法。 Date 对象方法方法描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date ...

react在ts中提示ref问题

不要太在乎一些人，越在乎，越卑微。——周国平首先按照官方文档的demo写好代码，却报错如下：安装插件Error Lens后：如何解决？前往Text的ref源码，可以看到是需要一个叫LegacyRef的类型我们进LegacyRef，看到其就是Ref或string的类型因此这里我们定义为Ref类型即可这里出现了新的问题，不能将MutableRefObject<Text | null |undefined>分配给Ref<Text> 我们进入useRef源码，看到其包含几个重载分别查看MuteableRefObject和RefObject 可以看到RefObject是Ref中容许的其中一种类型所以应该使用上面一种重载在原有代码React.useRef()中传入null 报错解决同理，trRef一样注意此处Ref<TextRef>内的泛型使用的是konva/lib/shapes/Text包下的Text，改名为TextRef 除了在定义变量左侧申明类型，在方法右侧也可以申明泛型，让编辑器自动推测

写作不是为了改变世界，是为了安顿自己。——周国平前端开发中如果需要在数组头部插入元素可以使用unshift函数 123let list = [1,2,3]list.unshift(0)list

CircularProgressBar

丈夫志四海，万里犹比邻。—— 曹植《赠白马王彪》 https://github.com/lopspower/CircularProgressBar Android 自定义控件推荐：CircularProgressBar 完美实现圆形进度条在 Android 开发中，进度条是一种非常常见的 UI 元素，用于展示任务的完成进度。虽然系统自带了 ProgressBar，但其样式单一，无法满足复杂的 UI 需求。为了解决这一问题，CircularProgressBar 提供了一种简单易用的解决方案，帮助我们轻松实现高度定制化的圆形进度条。本篇文章将为你详细介绍 CircularProgressBar 的功能、特点以及如何快速上手使用。什么是 CircularProgressBar？CircularProgressBar 是一个开源的自定义控件，用于实现 Android 中的圆形进度条。由 lopspower 开发，CircularProgressBar 提供了灵活的 API 和丰富的样式选项，可以轻松满足各种设计需求。 CircularProgressBar 的功能亮点高...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中