- 生命周期函数无法获取修改后的data值
hhtml代码 <button><navigator url="../home/index">跳转</navigator></button> <button bindtap="f">++</button> js代码 Page({ data:{x:1}, onShow: function () { this.f() }, f() { let {x} = this.data console.log(x); x++ this.setData({x}) }, }) 每次调用f函数应该会让x自增1 t通过按钮++调用f函数确实能够实现x自增 但是在onShow生命周期函数中调用,却发现每次输出的x始终都是1,但事实上通过查看AppData中可以知道x的值为2 [图片][图片]
2021-05-20 - page-container 组件的无法覆盖问题和动画问题
// wxml <button class="btn" bindtap="popup" >底部弹出</button> <view class="a">xxxxx</view> <page-container show="{{show}}" bindenter="onEnter" > <view class="detail-page"></view> </page-container> <view class="a">xxxxx</view> // wxss .detail-page { min-height: 500px; position: relative; z-index: 100 } .a { font-size: 300rpx; margin-top: 100rpx; position: relative; z-index: 0 } // js Page({ data: { show: false, }, popup() { this.setData({ show: true, }) }, }) [图片][图片] [视频] page-container组件与其他组件同层级,但是设置了z-index却还是无法覆盖位于后面的开启了定位的组件。 只能通过在wxml中将其置于最后,才能覆盖前面的开启了定位的组件 还有,如果没有添加onEnter,那么page-container出现时将不会有过渡动画
2021-05-17