mescroll -加载完如果没有数据不显示空白布局

<mescroll-body @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption" >  
...  
</mescroll-body>  
upOption: {  
    page: {  
        size: 5 // 每页数据的数量,默认10  
    },  
    noMoreSize: 1,  
    textNoMore: '没有找到相关数据!',  
    empty: {  
        use: true, // 是否显示空布局  
        tip: '~ 暂无相关数据 ~', // 提示  
        top: "100rpx", // fixed定位的top值 (完整的单位值,如 "10%"; "100rpx")  
        zIndex: 99 // fixed定位z-index值  
        },  
    },  
success: res => {  
                        // 接口返回的当前页数据列表 (数组)  
                        let curPageData = res.data;   
                        // 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)  
                        let curPageLen = curPageData.length;   
                        // 接口返回的总数据量(如列表有26个数据,每页10条,共3页; 则totalSize=26)  
                        let totalSize = res.total;   

                        //设置列表数据  
                        if(page.num == 1) this.collectionList = []; //如果是第一页需手动置空列表  
                        this.collectionList = this.collectionList.concat(curPageData); //追加新数据  
                        // 请求成功,隐藏加载状态  
                        this.mescroll.endBySize(curPageLen, totalSize);   
                    }

这样写 页面是空白的 也没有提示文字
但是单独引用mescroll-empty 组件就行了

是新版本 需要单独引用 mescroll-empty 组件 才可以吗