<u-loadmore :status="status" />怎么用

`<u-loadmore :status="status"` 这是一个 Vue.js 中的自定义组件加载更多标签，`:status` 是一个属性绑定，用于传递数据状态到组件。`status` 可能代表了当前的加载状态，比如是否正在加载、已加载完成或者加载失败等。具体使用时，你需要在你的 Vue 实例中定义 `status` 数据，并根据业务需求更新这个值。

例如：

<template>
  <div>
    <u-loadmore :status="isLoading">
      <!-- 当前正在加载 -->
      <button @click="loadMore()" v-if="isLoading">加载更多</button>
      <!-- 已加载完，显示所有内容 -->
      <ul v-if="!isLoading">
        <li v-for="item in items">{{ item }}</li>
      </ul>
    </u-loadmore>
  </div>
</template>

<script>
export default {
  data() {
    return {
      status: 'initialized', // 初始化状态
      isLoading: false,
      items: [], // 初始数据数组
    };
  },
  methods: {
    loadMore() {
      this.isLoading = true; // 设置为加载中
      // 模拟异步加载更多数据
      setTimeout(() => {
        this.items.push('新数据');
        this.isLoading = false; // 加载完毕后设置回 false
      }, 2000);
    },
  },
};
</script>

在这个例子中，当你点击“加载更多”按钮时，会触发 `loadMore` 方法，然后改变 `isLoading` 的状态表示正在进行加载，并模拟异步操作添加新的数据。当加载完成后，状态变为 `false`，显示更多的列表项。