vue scroll事件失效
发表于|更新于
|浏览量:
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。
这个坑,我遇到的时候,百度要么告诉我加高度,要么告诉我用document或者ref去获取节点
可我只想用@scroll事件,于是我在到处加@scroll,在组件上加@scroll.native,在组件里的div上加,在slot中加,然后又给它们挨个加高度,没一个好使,搞的我很头大
后面我突然发现,我给加的,好像并不是实际滚动的地方,那我明白了,首先我给引用组件放入slot中的div指定了样式:
1 | .allow-scroll { |
然后再给它绑定事件@scroll,此处如果该div下的元素高度超出了80vh,则会触发事件。。。这坑踩的,就离谱
相关推荐
2025-04-18
zod
人们因为能忘却,所以自己能渐渐的脱离了受过的苦痛,也因为能忘却,所以照样得再犯前人的错误。——鲁迅 探索 Zod:TypeScript-first 的模式验证库在现代 JavaScript 和 TypeScript 开发中,数据验证是不可或缺的一部分。而 Zod,一个以 TypeScript 为中心的模式验证库,提供了简洁、强大的工具来解决这一问题。本文将带你了解 Zod 的核心功能、使用方法及其开发者友好的特性。 什么是 Zod?Zod 是一个专为 TypeScript 设计的模式声明和验证库,旨在简化开发者的工作。它允许你定义模式(schema),并自动推断出 TypeScript 类型,同时对运行时数据进行验证。 Zod 的核心特点: TypeScript-first:Zod 的设计完全围绕 TypeScript,能够利用其类型推断和静态检查功能。 零依赖:与其他库不同,Zod 是一个零依赖的轻量级库,体积仅为 8kb(minified + gzipped)。 函数式编程风格:Zod 提供了一种连贯的链式接口,支持函数式编程。 跨平台支持:支持 Node.js 和现代...
2025-09-15
HeroUI
美丽庄严强大,这里有活跃的人生。——王统照 HeroUI:打造漂亮、极速、现代化的 React UI 库体验在构建现代 Web 应用时,组件库绝对是开发者生产力的“加速器”。如果你正在寻找一个美观、性能卓越、易用且现代化的 React UI 组件库,HeroUI(原 NextUI)绝对值得你深入了解和体验! 项目简介HeroUI 是一个专为 React 打造的现代 UI 组件库,主打“Beautiful, fast and modern”。它极致美观、响应迅速,拥有丰富的组件体系和高度的可定制性,适合构建各种风格的前端项目。 仓库地址:heroui-inc/heroui 官网:https://heroui.com 主要语言:TypeScript Star 数:26,383+ Fork 数:1,933+ 标签:component-library components library reactjs 许可协议:MIT 为什么选择 HeroUI? 高颜值设计:官方主打“Beautiful”,所有组件设计风格简洁、时尚,适合各种现代 Web 应用。 极致性能:底层优...
2022-01-02
图片懒加载
如果你只读每个人都在读的书,你也只能想到每个人都能想到的事。——村上春树 首先贴代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width: 400px; height: 300px; background-color: #e8e8e8 } .ruben img { width: 100%; height: 100%; } </style> <...
2021-12-22
truthy
每天务必做一点你所不愿意做的事情,这是一条宝贵的准则,它可以使你养成认真尽责而不以为苦的习惯。——马克.吐温 我们知道js中如果使用: 123if(2){ console.log("2")} 可以看到if中代码块执行了 这是因为JavaScript 在布尔值上下文中使用强制类型转换(coercion) 而我们if括号中表达式2,由于为truthy,也就是真值 所以被转换为了true JavaScript 中的真值示例如下(将被转换为 true,if 后的代码段将被执行): 1234567891011if (true)if ({})if ([])if (42)if ("foo")if (new Date())if (-42)if (3.14)if (-3.14)if (Infinity)if (-Infinity) 反之,我们也有Falsy 在 JavaScript 中只有 8 个 falsy 值。 这意味着当 JavaScript 期望一个布尔值,并被给与下面值中的一个时,它总是会被...
2024-05-18
js解决base64编码问题
地利不如人和,武力不如文德。——恒宽 主要是在解析 JWT 时发现 1atob(base64) 存在编码问题,我们如果想要将 base64 解码为 utf-8: 123456789101112function parseBase64ToJSON(base64) { const binaryString = atob(base64); const len = binaryString.length; const bytes = new Uint8Array(len); for (let i = 0; i < len; i++) { bytes[i] = binaryString.charCodeAt(i); } const decoder = new TextDecoder('utf-8'); return decoder.decode(bytes);} 然后就可以正确解析中文了
2024-07-22
Apache-ShenYu支持namespace功能
健康的身体是灵魂的客厅,病弱的身体是灵魂的监狱。——培根 我主要完成前端部分对接,pr如下: https://github.com/apache/shenyu-dashboard/pull/462 这里主要是结合redux-saga完成需求,例如modal/global.js shenyu-dashboard/src/models/global.js at 624a2afe74367b5c5a310627197d3622a8c896a4 · apache/shenyu-dashboard · GitHub 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109...

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