uniapp自动获取了视口高度却没有用

再使用 uniapp 时，获取到了视口的高度，却没有效果

<swiper class="swiper-box" :style="{height:swiperHeight+'px'}" @change='changeSwiper'>
    // 代码段
</swiper>

data() {
    return {
    // swiper的高度
        swiperHeight:500,
    }
}


onLoad(){
    uni.getSystemInfo({
        success:  (res) => {     // 需要使用箭头函数，swiper 高度才能设置成功
            // 获取swiperHeight可以获取的高度，窗口高度减去导航栏高度
            this.swiperHeight = res.windowHeight - uni.upx2px(100)
            console.log(this.swiperHeight)
        }
    });
},