wxml.

<button bind:tap="onShowAnim">show</button>

<view wx:if="{{show}}">

<!-- 执行一个animation动画 -->

</view>

js.

onShowAnim(event) {

this.data.show = true; //显示

this.setData({

show:true

})

this._animation();

},

onCloseAnim(event) {

this.data.show = false; //隐藏

this._animation();

},

_animation() {

if (this.data.show) {

anim.bottom('0%').step();

anim2.opacity(0.6).step()

this.setData({

animationData: anim.export(),

animationShade: anim2.export()

})

} else {

anim.bottom('-100%').step()

anim2.opacity(0).step()

this.setData({

animationData: anim.export(),

animationShade: anim2.export()

})

}

},

脑壳疼，可能一直没找到关键点。用show来控制显示隐藏，当按钮控制show从初始值false为true时上拉弹框直接显示， animation 动画不执行。后面不知道 怎么又正常了，感觉没修改什么代码。给他写成组件后在组件调用方调 onShowAnim 动画不执行 但是使用组件里的button按钮调用onShowAnim却又是正常的。我已蒙了，请求支援