三、request请求数据

官网地址：https://doc.dcloud.net.cn/uni-app-x/api/request.html

一、定义请求结果类型

type Result={
	code:number,
	msg:string,
	data:TopicNav[] | null
}

二、编写请求函数

loadCategories(){
	uni.showLoading({
		title:"加载中",
	})
	uni.request<Result>({
		url:"http://sqapi2.dishawang.com/api/v1/category/topic",
		success:(res)=>{
			let r=res.data
			if(r==null) return 
			if(res.statusCode!=200){
				uni.showToast({
					title:r.msg,
					icon:"none"
				})
				return 
			}
			this.topicNavList=r.data as TopicNav[]
			if(this.topicNavList.length>0)
			this.active_nav_id=this.topicNavList[0].id
		},
		fail:(err)=>{
			uni.showToast({
				title:err.errMsg
			})
		},
		complete:()=>{
			uni.hideLoading()
		}
	})
}

三、调用

onLoad(){
	this.loadCategories()
}