LoadMore 加载更多 ​

vue

<template>
  <el-load-more status="more" />
  <el-load-more status="loading" />
  <el-load-more status="noMore" />
  <el-load-more status="error" @click="handleClick" />
</template>

<script lang="ts" setup>
const handleClick = (status: string) => {
  console.log(status)
}
</script>

vue

<template>
  <el-load-more status="loading" />
  <el-load-more status="loading" icon-type="circle" />
</template>

vue

<template>
  <el-load-more status="loading" color="#409eff" icon-type="circle" />
  <el-load-more status="loading" color="#409eff" text-color="#e6a23c" />
  <el-load-more status="error" text-color="#f56c6c" />
</template>

vue

<template>
  <el-load-more status="loading" />
  <el-load-more status="loading" icon-size="20" height="48" />
</template>

vue

<template>
  <el-load-more status="more" more-text="上拉加载更多撒(*^▽^*)" />
  <el-load-more status="loading" loading-text="正玩命加载中..." />
  <el-load-more status="noMore" no-more-text="已经到底啦(。-ω-)zzz" />
  <el-load-more status="error" error-text="服务器异常(ಥ﹏ಥ)" />
</template>