上图可以看出,由于后端返回的 数据里面没有id这一项内容 ,造成页面数据不完整,所以需要前端在现有的数据里 添加需要的新数据

3、代码:

 //将请求回来的数据(data.auto_list)赋值给data里面定义的变量(tableData)
this.tableData = data.auto_list
//将(tableData)循环遍历每一项item,然后给每一项添加:键名为('id')键值为当前索引下标index,由于
此项目是记录数据的条数序号,是从1开始,因此给(index+1)
this.tableData.forEach((item, index) => {
            //  console.log(index,item)
            item['id'] = index + 1
            // console.log(item)

4、效果:

1.合并数组 array_merge()函数将数组合并到一起,返回一个联合的数组。所得到的数组以第一个输入数组参数开始,按后面数组参数出现的顺序依次迫加。其形式为: 复制代码 代码如下: array array_merge (array array1 array2…,arrayN) 将一个或多个数组的单元合并起来,一个数组中的值附加在前一个数组的后面。返回作为结果的数组。 如果输入的数组中有相同的字符串键名,则该键名后面的值将覆盖前一个值。然而,如果数组包含数字键名,后面的值将不会覆盖原来的值,而是附加到后面。 如果只给了一个数组并且该数组是数字索引的,则键名会以连续方式重索引。 实例如下 payload.Message.forEach((item: { key: any; InfoID: any }) => { const obj = item; obj.key = item.InfoID; 简单类,用于处理JavaScript中的对象列表(数组) 要使用此类,只需使用[removed]标记包含文件。 [removed][removed] 文件中的所有注释均以俄语放置。 使用** ListController **变量访问函数: 通过ID从列表中获取商品 ListController.getItemById(list, itemId, fieldName, inverseSelection, getAllMatches) 返回与参数匹配的第一项: list-对象数组。 itemId-商品ID值。 fieldName-包含id值的对象属性的可选名称。 默认情况下是“ id”。 inverseSelection-可选。 如果设置,将获得不包括“ f $arr = array( array("catid"=>"841","parentids"=>null,"childids"=>"842,843,943","name"=>"TV9","url"=>"http111"), array("catid"=>"853","parentids"=>null,"childids"=>"854,855,856","name"=>"APP-ad","url