uniapp封装公共的方法或者数据请求方法

傻的太坏

已于 2024-01-30 10:01:51 修改

阅读量887

点赞数 1

文章标签： uni-app

于 2024-01-26 14:05:36 首次发布

本文链接：https://blog.csdn.net/weixin_38897313/article/details/135863413

版权

仅供自己参考，不是每个页面都用到这个方法，所以我直接在用到的页面引用该公用方法：

1、新建一个util.js文件
在这里插入图片描述

export const address = function(options){
	return new Promise((resolve,reject)=>{
		uni.request({
			url:"",
			method: "GET",
			success:(res)=>{
				if(res.data.code !==200){
					return uni.showToast({
						title:"数据请求失败"
					})
				}
				resolve(res);
			},
			fail:(err)=>{
				uni.showToast({
					title:"接口请求失败!"
				});
				reject(err);
			}
		})
	})
}
export function getInfo() {
  console.log("调用公用方法2")
   return list
}

2、引入方法
或者直接在.vue页面引入
import { address } from ‘@/components/utils’;

thods: {
			//调用封装好的数据请求的方法
			async getaddress(){
				const res = await address();
				this.items = res.data.data
				console.log("23434==>",this.items)
			},