swiper在真机上不渲染

示例代码：

<swiper style="width: 100%;height: 100vh; top: 0; position: absolute;" :vertical="true" :duration="500"  
            :circular="true" @change="changefun">  
            <block style="width: 100%;height: 100vh;" v-for="item in videoList">  
                <swiper-item style="width: 100%;height: 100vh;">  
                    <view class="videoHome">  
                        <video class="video" :src='item.file_id' :loop="true" :id="item.id" :custom-cache="false"  
                            :show-center-play-btn="false" :enable-play-gesture="true" :controls="false"  
                            :enable-progress-gesture="true"></video>  
                        <view class="funcArea">  
                            <view class="accountInfo" @click="goVideoHome(item.video_customer_id)">  
                                <image :src='item.wechat_avatar'></image>  
                            </view>  
                            <view class="shareFunc">  
                                <view class="funcBtn">  
                                    <image src="../../static/images/shortvideo/collection.png" mode="widthFix"  
                                        style="width: 30px;height: 30px;" v-show="!isStar" @click="confirmStar(item.id)"></image>  
                                    <image src="../../static/images/shortvideo/collectioned.png" mode="widthFix"  
                                        style="width: 30px;height: 30px;" v-show="isStar" @click="cancelStar(item.id)"></image>  
                                    <text style="color: #DBDBDB;font-size: 14px;">{{videoInfo.star}}</text>  
                                </view>  
                                <view class="funcBtn" @click="getComment(item.id,1)">  
                                    <image src="../../static/images/shortvideo/comment.png" mode="widthFix"  
                                        style="width: 30px;height: 30px;"></image>  
                                    <text style="color: #DBDBDB;font-size: 14px;">{{videoInfo.comment}}</text>  
                                </view>  
                                <button open-type="share" class="funcBtn" style="background: rgba(0,0,0,0)">  
                                    <image src="../../static/images/shortvideo/shareVideo.png" mode="widthFix"  
                                        style="width: 30px;height: 30px;"></image>  
                                    <text style="color: #DBDBDB;font-size: 14px;">{{videoInfo.like}}</text>  
                                </button>  
                            </view>  
                        </view>  
                        <view class="goodIntroduce">  
                            <view class="recommend" v-show="item.product_id !== 0">  
                                <view>  
                                    <image :src="productInfo.image"  
                                        style="width: 50px;height: 50px;border-radius: 7px;margin:0 5px;"  
                                        mode="scaleToFill"></image>  
                                </view>  
                                <view>  
                                    <view style="font-size: 14px;margin-bottom: 5px;">Video same product</view>  
                                    <view style="font-size: 14px;">recommendation</view>  
                                </view>  
                                <button class="detail_btn" @click="goDetail()">  
                                    Detail  
                                </button>  
                            </view>  
                            <view style="margin-bottom: 10px;font-size: 18px;">@{{item.firstname}}</view>  
                            <view>{{item.desc}}</view>  
                        </view>  
                    </view>  
                </swiper-item>  
            </block>  
        </swiper>

操作步骤：

111

预期结果：

1111

实际结果：

111