如何解决使用`hidden`属性对`scroll-view`组件下拉刷新造成的影响?
发布于 6 年前 作者 udong 3291 次浏览 来自 问答

经过本人测试,在初始 `active` 值为 `i` ( i = 0,1,2 )的情况下, `refresher` 仅对 `i`号组件有效,其他组件将无法触发下拉刷新。

代码片段:

<view hidden="{{active !== 0}}">
  <scroll-view refresher-enabled>0号组件</scroll-view>
</view>
<view hidden="{{active !== 1}}">
  <scroll-view refresher-enabled>1号组件</scroll-view>
</view>
<view hidden="{{active !== 2}}">
  <scroll-view refresher-enabled>2号组件</scroll-view>
</view>

如果替换使用了 `wx:if` ,则不会出现上述问题。

代码片段:

<view wx:if="{{active === 0}}">
  <scroll-view refresher-enabled>0号组件</scroll-view>
</view>
<view wx:if="{{active === 1}}">
  <scroll-view refresher-enabled>1号组件</scroll-view>
</view>
<view wx:if="{{active === 2}}">
  <scroll-view refresher-enabled>2号组件</scroll-view>
</view>

需求使我更需要 `hidden` 来完成功能,请问各位大佬有什么好用的解决方案吗?

1 回复

版本库多少

回到顶部