vue mint-ui中swipe高度问题

在使用mint-ui中的swipe时发现swipe的高度不能被图片撑开，找了很多都没找到具体要怎么设置，最后用js实现了效果

<template>
    <div>
        <mt-swipe :show-indicators="false" :auto="4000" :style="{'height': imgInfo.height + 'px'}">
            <mt-swipe-item v-for="data in topData" :key="data.id"><img :src="data.newsImage" alt="" srcset=""></mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
import Axios from 'axios'

export default {
    name: 'home',
    data () {
        return {
            topData: [],
            imgInfo: {}
        }
    },
    created () {
        Axios.post('/api/topData').then((res) => {
            this.topData = res.data.data
            let img = new Image()
            img.src = this.topData[0].newsImage
            const w = document.body.clientWidth
            const vm = this
            img.addEventListener('load', function () {
                const hei = img.height
                const wid = img.width
                const imgInfo = hei * w / wid  //通过计算图片与屏幕的宽度比，得出图片的实际显示高度，赋给imgInfo
                vm.$set(vm.imgInfo, 'height', imgInfo)
            })
        }).catch((err) => {
            console.log(err)
        })
    }
}

有大神有其他更好方法吗？帮忙留言提示下，非常感谢了