查查表：纯js代码记录

最新推荐文章于 2025-05-17 19:54:56 发布

努力努力再努力U

最新推荐文章于 2025-05-17 19:54:56 发布

阅读量319

点赞数

分类专栏： javascript 文章标签： javascript vue.js 开发语言

本文链接：https://blog.youkuaiyun.com/qq_42980244/article/details/123416657

版权

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何封装网络请求，包括变量获取与设置、条件查询参数的构建，并展示了在Component构造页面中使用的方法。着重讲解了如何在`getSalesStatistics`函数中处理API返回的数据和状态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

封装网络请求

获取且定义变量的写法

设置值的方式

      getSalesStatistics() {
                let apiName = "salesStatistics";
                let { paramsForSort } = this.data;

                statictisService[apiName](paramsForSort)
                    .then(({ result }) => {
                        let { grossProfitMargin, saleStatisticsDOPage, totalGrossProfit, totalSales, totalSalesPrice } = result;

                        this.setData({
                            grossProfitMargin: this.toPercent(grossProfitMargin),
                            totalGrossProfit,
                            totalSales,
                            totalSalesPrice,
                            saleListWrapper: saleStatisticsDOPage,
                            saleList: saleStatisticsDOPage.list,
                        });
                    })
                    .finally(() => {
                        this.setData({
                            loading: false,
                        });
                    });
            },

定义条件查询的请求参数

使用Component构造页面



const app = getApp();

// 请统一使用Component构造页面
Component(
    app.beforeEnter({
        options: {},
        properties: {},
        data: {
           
        },
        computed: {},
        pageLifetimes: {
            show() {
               
            },
        },
        lifetimes: {
            attached() {},
        },

        methods: {
        },
    })
);