<scroll-view @scrolltolower="scrollHandle" :lower-threshold="500">中lower-threshold失效触发不了scrolltolower事件怎办
时间: 2023-07-06 15:36:48 浏览: 173
出现这种情况可能是因为你设置的 `lower-threshold` 值过小,导致无法满足触发 `scrolltolower` 事件的条件。可以尝试将 `lower-threshold` 值增大一些,或者检查一下是否存在其他因素影响了滚动区域的高度,导致无法触发事件。另外,还可以尝试在 `scroll-view` 上添加 `scroll` 事件监听器,查看具体滚动事件的触发情况,以便更好地诊断问题所在。
相关问题
<scroll-view @scroll="myScroll" @scrolltolower="scrollHandle" :lower-threshold="500">中lower-threshold失效触发不了scrolltolower和scroll事件怎办
如果在 `scroll-view` 组件中设置了 `lower-threshold` 属性,但是 `scrolltolower` 事件没有触发,那么可能是因为设置的阈值不够大。可以尝试增大阈值,或者检查是否有其他因素影响了事件的触发,比如是否设置了 `scroll-view` 的高度等。
同时,如果 `scroll` 事件也没有触发,可以检查是否在 `scroll-view` 上设置了 `overflow-y: scroll` 样式,或者是否包含了足够多的子元素以使滚动条出现。另外,也可以尝试在 `scroll-view` 上设置 `touchmove` 事件监听来检查是否能够监听到滚动事件。
<scroll-view style="overflow-y: scroll;" @scroll="myScroll" :lower-threshold="10000" @touchmove="scrollHandle"" @scrolltolower="scrollHandle" :lower-threshold="500">中lower-threshold失效触发不了scrolltolower和scroll事件只有touchmove触发怎办
根据你提供的代码,我发现你定义了两个相同的属性 `lower-threshold`,这可能导致其中一个被覆盖而失效。你可以将其中一个移除,只保留一个即可。
另外,你可以尝试将 `overflow-y` 的值改为 `auto`,这样可以让滚动条在需要时出现,可能会对滚动事件的触发有所帮助。你也可以检查一下 `scroll-view` 的父元素的高度是否正确,如果高度不够,可能也会导致滚动事件无法触发。最后,你可以检查一下 `scroll-view` 的 `scroll-timeline` 是否已经滚动到底部,如果没有,可能 `scrolltolower` 事件就不会触发。
阅读全文