关于uniapp的问题：uniapp跳转页面还没出现数据就懒加载，然后出现数据了就关闭懒加载实现方法

Question

uniapp跳转页面还没出现数据就懒加载，然后出现数据了就关闭懒加载实现方法

Answer 1

您可以使用Vue的生命周期钩子函数来实现这个功能。在页面跳转到该页面时，开启懒加载；在数据请求完成时，关闭懒加载。

例如：

<template>
  <div>
    <div v-if="isLoading">加载中...</div>
    <div v-else>{{ data }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isLoading: true,
      data: ''
    }
  },
  created() {
    // 开启懒加载
    this.isLoading = true;
    // 请求数据
    this.getData().then(data => {
      this.data = data;
      // 关闭懒加载
      this.isLoading = false;
    });
  },
  methods: {
    async getData() {
      // 假设这里是请求数据的代码
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve('数据已请求完成');
        }, 1000);
      });
    }
  }
}
</script>

在上面的代码中，当页面创建时，懒加载的状态为 true，并请求数据。数据请求完成后，关闭懒加载，显示数据。