vue scroll事件失效
2023-06-13 09:11:17 时间
这个坑,我遇到的时候,百度要么告诉我加高度,要么告诉我用document
或者ref
去获取节点
可我只想用@scroll
事件,于是我在到处加@scroll
,在组件上加@scroll.native
,在组件里的div
上加,在slot
中加,然后又给它们挨个加高度,没一个好使,搞的我很头大
后面我突然发现,我给加的,好像并不是实际滚动的地方,那我明白了,首先我给引用组件放入slot
中的div
指定了样式:
.allow-scroll {
height: 80vh;
overflow-y: scroll;
}
然后再给它绑定事件@scroll
,此处如果该div
下的元素高度超出了80vh
,则会触发事件。。。这坑踩的,就离谱
相关文章
- vscode-vue-debug
- vue 深入响应式原理 注意事项
- layui vue 在一起用的坑 select
- vue 键盘事件keyup/keydoen
- 字符串有哪些_vue子组件emit方法失效
- vue子组件传值给父组件_子组件调用父组件中的方法
- vue监听点击事件_vue reload
- jquery和vue冲突吗_jquery和vue的区别
- vue 调用子组件方法失败_Vue子组件调用父组件的方法及常见问题「建议收藏」
- Vue 分页器组件[通俗易懂]
- 【架构师(第三十篇)】Vue-Test-Utils 全局组件和第三方库 vuex | vue-router
- alert弹窗样式自定义-Vue.js开发移动端经验总结
- vue中基本事件的处理 ?
- vue.js客服系统实时聊天项目开发(十一)处理发送消息enter事件以及实现ctrl+enter换行
- ruoyi-vue版本(十)字典管理 的源码解析
- vue图片加载失败 空白页的解决方案@error函数
- Vue框架下的Redis调用实战(vue调用redis)
- 优雅的Vue请求Redis驱动的高性能服务(vue请求redis)
- Vue快速连接Redis实现数据存储(vue 直连redis)
- Vue操作Redis掌握前端数据管理利器(vue操作redis)
- 研究Oracle VUE价格探究深入探究和分析(oracle vue价格)
- Oracle与Vue官网联合宣传前瞻技术,轻松开发(oracle vue官网)