react-vant 所有滚动区下拉都可以触发PullRefresh下拉刷新的问题

react-vant PullRefresh组件判断是否下拉刷新是从三个维度来判断的：

  1. 手势的方向
  2. 手势是否是垂直方向
  3. 触摸事件的父级滚动区
    这样就造成了一个问题，如果你的所有滚动区都是PullRefresh组件的子组件，不管是内部滚动区或者外部滚动区都会满足这三种情况，所以不管哪个滚动区都可以触发下拉刷新，因此我们需要增加一个唯一条件来让组件判断是否可以开启下拉刷新。或者我们可以只把需要触发下拉刷新的滚动区放在PullRefresh组件里面

posted on 2023-01-09 01:06  nomanisaisland  阅读(307)  评论(0)  编辑  收藏  举报

导航