taro-vue3使用useReachBottom在切换页面返回后会多次执行

[vipterry]

相关平台

H5

复现仓库

https://github.com/vipterry/taro-reach-bottom.git
浏览器版本: Chrome 99
使用框架: Vue 3

复现步骤

进入首页后，下拉到底部，点击“个人中心”，然后点击返回按钮，这个时候重复下拉到底部，会多次执行（来回多少次就会触发多少次执行）

期望结果

只触发一次

实际结果

触发N次

环境信息

Taro CLI 3.4.2 environment info:
    System:
      OS: macOS 11.6.4
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 12.21.0 - ~/.nvm/versions/node/v12.21.0/bin/node
      npm: 6.14.11 - ~/.nvm/versions/node/v12.21.0/bin/npm
    npmPackages:
      @tarojs/cli: 3.4.2 => 3.4.2 
      @tarojs/components: 3.4.2 => 3.4.2 
      @tarojs/mini-runner: 3.4.2 => 3.4.2 
      @tarojs/runtime: 3.4.2 => 3.4.2 
      @tarojs/taro: 3.4.2 => 3.4.2 
      @tarojs/webpack-runner: 3.4.2 => 3.4.2 
      babel-preset-taro: 3.4.2 => 3.4.2 
      eslint-config-taro: 3.4.2 => 3.4.2 

[github-actions]

等待热心的小伙伴解决问题中..., 有一些相关的 issues 可能帮助到你!

• 小程序插件页面无法使用Taro专有 Hooks
• 页面生命周期如何调用vue3 setup里的方法
• 多端页面采用文件名+端类型命名，编译后页面配置没有采用默认配置

Thank you so much!

[vipterry]

[ZakaryCode]

多次触发是合理的，如果需要限制触发次数可以自己配置截流。使用lodash或者自己实现都可以。

[vipterry]

多次触发是合理的，如果需要限制触发次数可以自己配置截流。使用lodash或者自己实现都可以。

这里是一次性触发了的，不是限流的问题

[taro-bot2]

Hello~

这个问题由于客观原因不会被修复，如果没有更多的问题这个 issue 将在 7 天后被自动关闭。

如果您在这 7 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~

[vipterry]

问题排查思路：
1、根据小程序的逻辑，navigateBack 从B返回页面A，A的onload是不会被触发的。
2、当H5环境的下，以上条件的，onload被触发导致重复绑定。

[taro-bot2]

Hello~

这个问题由于客观原因不会被修复，如果没有更多的问题这个 issue 将在 7 天后被自动关闭。

如果您在这 7 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~

[vipterry]

继续提问题，由于每个页面都会调用一次，bindPageScroll进行绑定，从代码上看，有尝试移除，但是此时pageScrollFn保存的是下一个页面的函数，移除又怎么可能会成功呢？ 所以问题就是出在这里。。。

[taro-bot2]

Hello~

这个问题由于客观原因不会被修复，如果没有更多的问题这个 issue 将在 7 天后被自动关闭。

如果您在这 7 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~