vue scroll事件失效
发表于|更新于
|浏览量:
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。
这个坑,我遇到的时候,百度要么告诉我加高度,要么告诉我用document或者ref去获取节点
可我只想用@scroll事件,于是我在到处加@scroll,在组件上加@scroll.native,在组件里的div上加,在slot中加,然后又给它们挨个加高度,没一个好使,搞的我很头大
后面我突然发现,我给加的,好像并不是实际滚动的地方,那我明白了,首先我给引用组件放入slot中的div指定了样式:
1 | .allow-scroll { |
然后再给它绑定事件@scroll,此处如果该div下的元素高度超出了80vh,则会触发事件。。。这坑踩的,就离谱
相关推荐
2024-02-21
用canvas消除锯齿的方式
不和不可以接物,不严不可以驭下。——林逋 分享几种canvas消除锯齿的方式 1. 线条坐标增加0.5123456789<canvas id="canvas1" width="200" height="200"></canvas><script> var canvas = document.getElementById('canvas1'); var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(0, 0.5); // 使用0.5增量对齐像素 ctx.lineTo(200, 0.5); // 绘制一条边缘清晰的直线 ctx.stroke();</script> 2. 使用高清画布1234567891011<canvas id="canvas2" style="width:200px; height:200px...
2024-07-13
在线web工程演示stackblitz
饥梳头,饱洗澡。——杨慎 是这个网址 https://stackblitz.com/ 例如: https://stackblitz.com/github/slidevjs/new?file=slides.md 打开就直接构建并可以自由修改,不用在本地npm i啦! 相当的方便相当的nice 比较适合开源项目用来演示
2024-09-20
vinejs
仅仅对自然做种种临摹,并不会创造出什么伟大的艺术作品。——佚名 Vine.js 是一个轻量级、易于使用的 JavaScript 表单验证库,它的设计理念是简洁和灵活,特别适合前端和后端应用中的数据验证。无论是在前端用户输入时,还是在后端 API 请求时,Vine.js 都能帮助开发者快速、高效地进行数据验证,确保数据的完整性和准确性。 项目介绍Vine.js 诞生的目标是为 JavaScript 应用程序提供更简单、清晰的数据验证方法。它允许开发者定义一系列验证规则,并轻松地应用于不同的数据场景。通过其简洁的 API 设计和全面的错误处理,Vine.js 提供了直观的方式来定义验证逻辑,减少开发者手动编写验证代码的时间和精力。 主要特点: 简单易用:通过简洁的 API,让验证规则定义和应用变得更加直观。 灵活的错误处理:支持定制错误消息,并可以灵活地处理验证失败时的行为。 适用于前后端:无论是用于前端表单验证,还是后端 API 的请求参数验证,Vine.js 都能够胜任。 良好的扩展性:支持自定义验证器,允许开发者根据需要扩展库的功能。 官方文档和 GitHub 地址 官...
2025-03-31
pakku.js
不同孕育仇恨。——司汤达《红与黑》 介绍 pakku.js:拯救 B 站的弹幕体验最近,我发现了一个非常有趣的开源项目——pakku.js。这个项目由 xmcp 开发,旨在提升 B 站(Bilibili)的弹幕体验。今天,我将为大家详细介绍一下这个项目的特点和使用方法。 项目概述pakku.js 是一个用于优化 B 站弹幕体验的浏览器扩展。项目自 2017 年 2 月 28 日创建以来,已经获得了 2243 个星标和 78 个 forks,显示了其在社区中的受欢迎程度。项目使用 TypeScript 编写,并且遵循 GNU General Public License v3.0,确保其免费和开源。 项目特点 提升弹幕体验:pakku.js 提供了丰富的弹幕过滤和优化功能,帮助用户屏蔽无意义的弹幕,提升观看体验。 开源项目:作为一个开源项目,pakku.js 拥有庞大的社区支持,用户可以在 GitHub 上交流经验、分享心得。 多平台支持:pakku.js 作为浏览器扩展,可以在多个平台上使用,包括 Chrome 和 Firefox。 简单易用:pakku.js 提供了简单易用...
2020-08-30
新版vue项目的创建
下载nodejs 然后一直下一步安装就行 打开vscode 点击左下角的 点击终端 (Win+R输入cmd或者powershell一样的) 然后开始安装vue 1234567891011121314151617181920212223242526#查看版本(如果nodejs安装完了还是显示不是内部或外部命令,也不是可运行的程序或批处理文件,重新打开一下vscode或命令框)PS C:\Users\1> npm -v6.14.5#安装cnpmPS C:\Users\1> npm install -g cnpm --registry=https://registry.npm.taobao.org#查看cnpm版本PS C:\Users\1> cnpm -vcnpm@6.1.1 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)npm@6.14.5 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\...
2022-10-05
RainEffect
不要从你自己的口袋里掏出勋章借给你的朋友,这是侮辱他的——泰戈尔 分享一个真实的雨滴效果: https://tympanus.net/Development/RainEffect/#slide-1 github地址:https://github.com/codrops/RainEffect 还是非常炫酷的

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