smartai2dian0/src/components/ApiGetExample3.vue

<template>
  <ApiGet :url="url" @success="handleRequestSuccess" @statusChange="handleStatusChange">
    <div class="result" v-if="res_data">{{ res_data[0].id }}</div>
  </ApiGet>
</template>

<script setup>
import { ref } from 'vue';
import ApiGet from './ApiGet.vue';

/**
 * 使用事件处理数据
 */
const url = '/api/agent/list';

const res_data = ref(null);
const handleRequestSuccess = (data) => {
  res_data.value = data;
};

const handleStatusChange = ({ status, message }) => {
  console.log(status, message);
};
</script>