当API返回空数据时显示警告(Vue.js / Axios)

created() {
  this.fetchData();
},
methods: {
  fetchData() {
    axios.get('api_url')
      .then(response => {
        // 处理返回的数据
        if (response.data.length === 0) {
          // 当返回的数据为空时，显示警告
          this.showWarning();
        } else {
          // 处理非空数据
        }
      })
      .catch(error => {
        // 处理请求错误
      });
  },
  showWarning() {
    // 在这里实现显示警告的逻辑
  }
}

<template>
  <div>
    <div v-if="showWarning" class="warning">
      数据为空，显示警告！
    </div>
    <!-- 其他内容 -->
  </div>
</template>