vue3+ts重復(fù)參數(shù)提取成方法多處調(diào)用以及字段無(wú)值時(shí)不傳字段給后端問(wèn)題
vue3+ts重復(fù)參數(shù)提取成方法多處調(diào)用以及字段無(wú)值時(shí)不傳字段給后端
參數(shù)提取前的寫法
此寫法值為空的時(shí)候也會(huì)傳空字段給后端
會(huì)把無(wú)值的空字段傳給后端
修改后的寫法
不會(huì)把沒(méi)有值的字段傳給后端
// 列表和導(dǎo)出需要傳給后端的公共參數(shù)(加 || undefined即可過(guò)濾空字段) const getCurentParam = () => { return { user_id: info.id || undefined, shop_id: state.shop_id || undefined, equipment_type: state.equipment_type || undefined, relate_type: state.relate_type || undefined, sdate: state.dateTime ? state.dateTime[0] : undefined, edate: state.dateTime ? state.dateTime[1] : undefined }; }; // 數(shù)據(jù)獲取 const getTableData = async () => { state.loading = true; const { code, data, total } = (await xcx_user_sportlog({ ...getCurentParam(), page: state.pageIndex, size: state.pageSize })) as HttpResponse; if (code == 200 && data) { let result = data || []; state.tableData = result; state.total = total; console.log("用戶運(yùn)動(dòng)記錄", result); } state.loading = false; }; // 導(dǎo)出 const onExport = async () => { const res = (await export_sportlog(getCurentParam())) as HttpResponse; if (res.code == 200 && res?.url) { const link = document.createElement("a"); link.href = res?.url; document.body.appendChild(link); link.click(); document.body.removeChild(link); } else { ElMessage.warning("暫無(wú)數(shù)據(jù)導(dǎo)出"); } };
只傳有值的字段給后端
總結(jié)
具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
相關(guān)文章
Vue中實(shí)現(xiàn)3D標(biāo)簽云的詳細(xì)代碼
本文通過(guò)實(shí)例代碼給大家介紹vue實(shí)現(xiàn)3D標(biāo)簽云的方法,代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2021-07-07關(guān)于VUE的編譯作用域及slot作用域插槽問(wèn)題
這篇文章主要介紹了VUE 的編譯作用域及slot作用域插槽問(wèn)題,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-07-07uniapp組件uni-file-picker中設(shè)置使用照相機(jī)和相冊(cè)權(quán)限的操作方法
這篇文章主要介紹了uniapp組件uni-file-picker中設(shè)置使用照相機(jī)和相冊(cè)的權(quán)限,在uniapp中,我們通常會(huì)使用uni-file-picker這個(gè)組件,但是這個(gè)組件中,有點(diǎn)缺陷,就是沒(méi)有對(duì)這個(gè)功能的傳值設(shè)置,這里就要給組件進(jìn)行修改了,需要的朋友可以參考下2022-11-11當(dāng)啟動(dòng)vue項(xiàng)目安裝依賴時(shí)報(bào)錯(cuò)的解決方案
這篇文章主要介紹了當(dāng)啟動(dòng)vue項(xiàng)目安裝依賴時(shí)報(bào)錯(cuò)的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04使用element-ui實(shí)現(xiàn)行合并過(guò)程
這篇文章主要介紹了使用element-ui實(shí)現(xiàn)行合并過(guò)程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08vue mint-ui 實(shí)現(xiàn)省市區(qū)街道4級(jí)聯(lián)動(dòng)示例(仿淘寶京東收貨地址4級(jí)聯(lián)動(dòng))
本篇文章主要介紹了vue mint-ui 實(shí)現(xiàn)省市區(qū)街道4級(jí)聯(lián)動(dòng)(仿淘寶京東收貨地址4級(jí)聯(lián)動(dòng)),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-10-10詳解vue 配合vue-resource調(diào)用接口獲取數(shù)據(jù)
本篇文章主要介紹了vue 配合vue-resource調(diào)用接口獲取數(shù)據(jù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06