ApiGetExample2.vue 474 B

12345678910111213141516171819202122
  1. <template>
  2. <ApiGet :url="url">
  3. <template v-slot="slotProps">
  4. <div class="result">{{ slotProps.data[0].id }}</div>
  5. </template>
  6. <template #loading> 数据加载中 </template>
  7. <template #warning v-slot="warnProps"></template>
  8. <template #error v-slot="errProps"></template>
  9. </ApiGet>
  10. </template>
  11. <script setup>
  12. import ApiGet from './ApiGet.vue';
  13. /**
  14. * 使用自定义Loading、错误处理组件
  15. */
  16. const url = '/api/agent/list';
  17. </script>