scroll-view 打开页面会出现空数据的样式再切换到有数据

不再v犹豫

<template name='tpl'>
    <view class="page">
        <scroll-view class="main" v-if="list.length>0" scroll-y enable-back-to-top refresher-enabled refresher-triggered={{ loading }} ...>
                有数据的界面
        </scroll-view>
        <scroll-view class="main" v-else scroll-y enable-back-to-top refresher-enabled refresher-triggered={{loading }} ...>
                无数据的图片
        </scroll-view>
    </view>
</template>


data() {
        return {
            list: []
        };
},   


apiready() {
        //访问接口获取数据
        this.data.list=[xxxxxxxxxxxxx]
},   


scroll-view 每次打开界面都会有一个 “无数据的图片” 切换的画面一闪而过，这么避免

勇可可【1161277121】

你写一个字段保存是否请求完成，完成后再展示这块逻辑