收藏
回答

【记录】swiper-item+css属性pointer-events = 节点自动隐藏!?

起因:因为 swiper-item 中有多个节点绑定了事件,避免用户在滑动的过程中,误触触发事件,影响用户体验,

就想在用户滑动的时候,给 swiper-item 节点动态添加css属性 pointer-events:none; | pointer-events:auto; 来禁用页面节点绑定的事件。

经过:使用该属性之后,我发现每次给 swiper-item 的 wx:for 属性绑定的数组 list ,追加数据,都会造成 当前显示的 swiper-item 被隐藏(节点还在),

通过其他事件“再次 触发”(追加数据后) data 数据刷新之后,显示正常,比如在 swiper 的 bindtransition 方法执行 setData,会使其恢复正常。

<swiper-item wx:if="{{item!=null}}" wx:for="{{list}}" wx:for-item="item" wx:for-index="ii" wx:key="_id" style="{{current===ii && pointerEvents==true?'pointer-events:none;':''}}">


z发现此问题后,我将这个属性去掉了,没有做更多深入的研究,不知道这是bug还是我使用不当,在这留个记录,给后来者提个醒。

回答关注问题邀请回答
收藏
登录 后发表内容
问题标签