Vue中使用Axios發送get或者post請求，發送請求時需要在js中

對請求參數進行遍歷并處理。

接收響應時需要對響應結果進行遍歷和處理。

注意區分在vue和js中foreach數組的區別。

在js中遍歷數組

//定義班次詳細數組 var bcglxiangxiList = new Array(); //定義班次詳細對象 var bcxiangxi = {}; //循環傳遞的參數 bcglXiangXiListParam.forEach(element => { bcxiangxi.xh = element.xh; bcxiangxi.bcbh = data.bcbh; bcxiangxi.dkkssj = element.sjfw[0]; bcxiangxi.dkjssj = element.sjfw[1]; bcxiangxi.ts = element.ts; bcxiangxi.dkdd = element.dkdd; bcxiangxi.zxjxljsj = element.jxsjfw[0]; bcxiangxi.zdjxljsj = element.jxsjfw[1]; //將班次詳細對象存進班次詳細數組 bcglxiangxiList.push(bcxiangxi); });

在vue中遍歷數組

var bcglxiangxiList = new Array();var bcxiangxi = {};debugger;if ( response.data.bcglXiangXiList != null && response.data.bcglXiangXiList.length > 0) { console.log(response.data.bcglXiangXiList); response.data.bcglXiangXiList.forEach((item, index) => { console.log(item); bcxiangxi.xh = item.xh; bcxiangxi.bcbh = item.bcbh; //debugger bcxiangxi.sjfw = new Array(); bcxiangxi.sjfw[0] = item.dkkssj; bcxiangxi.sjfw[1] = item.dkjssj; bcxiangxi.ts = item.ts; bcxiangxi.dkdd = item.dkdd; bcxiangxi.jxsjfw = new Array(); bcxiangxi.jxsjfw[0] = item.zxjxljsj; bcxiangxi.jxsjfw[1] = item.zdjxljsj; bcglxiangxiList.push(bcxiangxi); });}

可以看到遍歷的方式是一樣的，在js中一樣可以用兩個參數的遍歷方式

//定義班次詳細數組 var bcglxiangxiList = new Array(); //定義班次詳細對象 var bcxiangxi = {}; //循環傳遞的參數 bcglXiangXiListParam.forEach((element,index) => { bcxiangxi.xh = element.xh; bcxiangxi.bcbh = data.bcbh; bcxiangxi.dkkssj = element.sjfw[0]; bcxiangxi.dkjssj = element.sjfw[1]; bcxiangxi.ts = element.ts; bcxiangxi.dkdd = element.dkdd; bcxiangxi.zxjxljsj = element.jxsjfw[0]; bcxiangxi.zdjxljsj = element.jxsjfw[1]; //將班次詳細對象存進班次詳細數組 bcglxiangxiList.push(bcxiangxi); });vue forEach循環使用

//data為集合 data.forEach(function(item, index) { //item 就是當日按循環到的對象 //index是循環的索引，從0開始})

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持好吧啦網。