62 lines
1.5 KiB
Vue
62 lines
1.5 KiB
Vue
|
<script lang="ts" setup>
|
||
|
|
import type { UserItem } from '@/service'
|
||
|
|
import { infoUsingGet } from '@/service/info'
|
||
|
|
|
||
|
|
const loading = ref(false)
|
||
|
|
const error = ref<Error | null>(null)
|
||
|
|
const data = ref<UserItem>()
|
||
|
|
|
||
|
|
async function getUserInfo() {
|
||
|
|
try {
|
||
|
|
loading.value = true
|
||
|
|
const res = await (await infoUsingGet({})).promise
|
||
|
|
console.log(res)
|
||
|
|
data.value = res
|
||
|
|
error.value = null
|
||
|
|
}
|
||
|
|
catch (err) {
|
||
|
|
error.value = err as Error
|
||
|
|
data.value = null
|
||
|
|
}
|
||
|
|
finally {
|
||
|
|
loading.value = false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const { data: data2, loading: loading2, run } = useRequest(() => infoUsingGet({}), {
|
||
|
|
immediate: false,
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<view class="p-6 text-center">
|
||
|
|
<view class="my-4 text-center">
|
||
|
|
1)直接使用 openapi 生成的请求
|
||
|
|
</view>
|
||
|
|
<view class="my-4 text-center">
|
||
|
|
<button type="primary" size="mini" class="w-160px" @click="getUserInfo">
|
||
|
|
发送请求
|
||
|
|
</button>
|
||
|
|
<view class="text-xl">
|
||
|
|
请求数据如下
|
||
|
|
</view>
|
||
|
|
<view class="text-green leading-8">
|
||
|
|
{{ JSON.stringify(data) }}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="my-4 text-center">
|
||
|
|
2)直接使用 openapi + useRequest 生成的请求
|
||
|
|
</view>
|
||
|
|
<view class="my-4 text-center">
|
||
|
|
<button type="primary" size="mini" class="w-160px" @click="run">
|
||
|
|
发送请求
|
||
|
|
</button>
|
||
|
|
<view class="text-xl">
|
||
|
|
请求数据如下
|
||
|
|
</view>
|
||
|
|
<view class="text-green leading-8">
|
||
|
|
{{ JSON.stringify(data2) }}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|