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)
        }
    });
},