实现axios传参如果参数为空则不传递该参数

前端小趴菜05

已于 2024-04-11 10:40:43 修改

阅读量246

点赞数 2

文章标签：前端 javascript 开发语言

于 2024-04-11 10:24:18 首次发布

本文链接：https://blog.csdn.net/m0_68716504/article/details/137629375

版权

封装params.ts代码用来过滤不为空的参数

//处理如果参数为空就不传递
const ProcessingParameterPassing = (data:any) => {
    // const params: any = Object.assign({}, data);
    // for (const key in params) {
    //     if (!params[key]) {
    //         delete params[key];
    //     }
    // }
    //return params;   //弊端参数为0也不传递

 let _newPar:any = {};
    for (let key in data) {
        // 如果对象属性的值不为空，就保存该属性（如果属性的值为0，保存该属性。如果属性的值全部是空格，属于为空。）
        if ((data[key] === 0 || data[key]) && data[key].toString().replace(/(^\s*)|(\s*$)/g, '') !== '') {
            // 保存属性
            _newPar[key] = data[key];
        }
    }
    return _newPar;
}
export {
    ProcessingParameterPassing
}

页面掉接口引入并使用

import { ProcessingParameterPassing } from '@/hook/params' //处理传参

const searchbtn = async () => {
    try {
        let res:any = await Namemanagementlist(ProcessingParameterPassing(Namemanagementdata))
         if (res.code == 0) {
             tableData.value = res.data.records
            total.value = 400
            // total.value = res.data.total
        }

    } catch (error) {
        console.log(error);
    }
}