# belowOpt

上拉配置说明

# belowOpt.isLock

类型 boolean
默认 false

是否禁止上拉加载

# belowOpt.threshold

类型 number
默认 90

触发上拉加载的阈值

# belowOpt.callback

类型 function
参数 done

callback: (done) => {
  this.page++
  // 模拟异步
  if (this.page <= this.totalPage) {
    setTimeout(() => {
      this.list += 10
      done()
    }, 300)
  } else {
    done(true)
  }
}

1
2
3
4
5
6
7
8
9
10
11
12

done()可以不传值或传递一个布尔值，当传递done(true)将触发below插槽的isBelowNoMore属性为true,意为没有更多数据，所以当没有更多数据时可以传递done(true)。

TIP

done()函数必须回调

触发上拉加载时的回调

# 使用示例

<template>
  <tulip-scroll :belowOpt="belowOpt" />
</template>
<script>
export default {
  data() {
    return {
      page: 1, // 当前页
      totalPage: 10, // 总页码
      list: 10, // 返回数据
      belowOpt: {
        callback: (done) => {
          this.page++
          // 模拟异步
          if (this.page <= this.totalPage) {
            setTimeout(() => {
              this.list += 10
              done()
            }, 300)
          } else {
            dnoe(true)
          }
        },
      },
    }
  },
}
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

下拉配置说明事件配置