vue scroll事件失效
发表于|更新于
|浏览量:
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。
这个坑,我遇到的时候,百度要么告诉我加高度,要么告诉我用document或者ref去获取节点
可我只想用@scroll事件,于是我在到处加@scroll,在组件上加@scroll.native,在组件里的div上加,在slot中加,然后又给它们挨个加高度,没一个好使,搞的我很头大
后面我突然发现,我给加的,好像并不是实际滚动的地方,那我明白了,首先我给引用组件放入slot中的div指定了样式:
1 | .allow-scroll { |
然后再给它绑定事件@scroll,此处如果该div下的元素高度超出了80vh,则会触发事件。。。这坑踩的,就离谱
相关推荐
2024-08-12
gitpod运行shenyu-dashboard
即使为了国王的宝座,也永远不要欺骗、违背真理。——贝多芬 方式很简单,访问: Dashboard 然后一步一步操作注册登录,我这里选择的暗黑模式以及Idea 网站自动打开了我的Jetbrains Gateway,然后开始下载依赖 后面即可正常进行开发
2021-07-26
在uniapp中引入地图
在我的后园,可以看见墙外有两株树,一株是枣树,还有一株也是枣树。这上面的夜的天空,奇怪而高,我生平没有见过这样奇怪而高的天空,他仿佛要离开人间而去,使人们仰面不再看见。——鲁迅《秋夜》 直接使用uniapp自带的map组件即可 文档:https://uniapp.dcloud.io/component/map 代码如下 123456789101112131415161718192021222324<template> <view> <view class="map-parent"><map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"></map></view> </view></template><script>expo...
2026-08-13
diagram-design
学习要有三心,一信心,二决心,三恒心。—— 陈景润 Diagram Design:让技术图不再像模板拼装,而像一篇真正被设计过的编辑作品项目地址:https://github.com/cathrynlavery/diagram-design 一张图,常常比一段长篇解释更快抵达读者。 架构如何连接,流程在哪里分叉,数据怎样流动,团队如何协作,时间如何推进,系统边界在哪里,复杂问题往往需要借助视觉结构才能被真正看清。 但现实中的技术图,常常陷入两种尴尬。 一种是内容很对,视觉却像从默认组件库里匆忙拼出来的。圆角卡片、阴影、渐变、密集的连线和随处可见的颜色,让读者还没理解结构,就先被视觉噪声拖住。 另一种是画面很漂亮,却缺乏准确性。它像一张精致海报,却没有承担信息组织的职责。 Diagram Design 想解决的,正是这个中间地带的问题。 它是一套面向 Claude Code、Codex 与 Pi 的图表设计技能。它不把图当作随手生成的装饰,也不把技术结构塞进千篇一律的模板,而是尝试用一套带有编辑感的设计系统,把复杂内容整理成清晰、克制、可阅读的视觉表达。 它的目标并不是制造更多...
2023-02-24
css绘制三角形
青年时鲁莽,老年时悔恨——富兰克林 代码如下: 123456789101112131415161718192021222324<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .triangle { width: 0; height: 0; border-...
2025-05-26
vue-ueditor-wrap
会当凌绝顶,一览众山小。 —— 杜 甫《望岳》 https://github.com/haochuan9421/vue-ueditor-wrap vue-ueditor-wrap:轻松集成 UEditor 到 Vue 项目在 Web 开发中,富文本编辑器是许多应用的重要组成部分,尤其是在博客系统、内容管理平台(CMS)等场景中。作为经典的富文本编辑器,UEditor 功能强大,但在现代前端框架(如 Vue)中使用时可能略显复杂。 今天我们来介绍 vue-ueditor-wrap,一个基于 Vue 的封装组件,旨在让开发者轻松将 UEditor 集成到 Vue 项目中。 什么是 vue-ueditor-wrap?vue-ueditor-wrap 是一个 UEditor 的 Vue 封装组件,提供了简洁的 API 和灵活的配置选项。它解决了原生 UEditor 在 Vue 项目中的集成难题,让开发者无需处理复杂的初始化逻辑。 主要功能 快速集成:通过简单的配置,即可将 UEditor 嵌入 Vue 项目。 支持双向绑定:轻松实现 Vue 的 v-model 与 UEditor...
2022-05-23
mac鱼眼效果
人不能象走兽那样活着,应该追求知识和美德。——但丁 上代码,上效果: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style ...

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