关于van组件list瀑布流加载,.catch使用问题

service.js
async getList(){

      return await api.get('/sc/list')
            }

父组件

async getData(){
  this.listData = await Service.getList()              
}

listData通过props传给子组件
子组件使用onload加载

   <van-list

v-model="loading"
      :finished="finished"
finished-text=" "
      :error.sync="error"
error-text="请求失败，点击重新加载"
      @load="onLoad"
    >

onLoad() {

// 异步更新数据

setTimeout(() => {

for (let i=0; i<4; i++) {

this.list.push(this.data[this.list.length])

        }

// 加载状态结束

this.loading\=false

// 数据全部加载完成

if (this.skuList.length\>=this.data.length) {

this.finished\=true

        }

      }, 500)

    }

但是当在wifi情况下 数据返回来了 并且log可以打印出数据,但是就是一直显示加载中,我也不知道.catch方法应该放在哪 ,请大神指点迷津