map：数组每一项多加一个属性

小陈同学，，

已于 2022-08-22 18:09:45 修改

阅读量487

点赞数

分类专栏： vue3.0 文章标签： java 前端 html

于 2022-08-17 13:56:19 首次发布

本文链接：https://blog.youkuaiyun.com/ping_lvy/article/details/126382059

版权

vue3.0 专栏收录该内容

33 篇文章

订阅专栏

需求：原始数据不能有操作，需要在里面加一个标识

          if (res.data.pmContractPayPlanList) { 
            contractData.dataSource.pmContractPayPlanList =
              res.data.pmContractPayPlanList.map((item: any) => { 
                item.isDelete = false
              return item
            })
          }//这里用map是因为有返回值  forEach没有

      <template #customAction="{ index, record }">
        <span v-if="record.isDelete == false"></span>
        <MinusCircleOutlined v-else @click="deleteRow(index, record, dataSource)" />
      </template>

map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

contractData.dataSource.baseContractPayplanDTOS=res.data.baseContractPayplanDTOS.map(
            (item: any, index: number) => {
              item.pay_plan = ++index;
              item.isDelete = false;
              pay_percentage += Number(item.pay_percentage || 0);
              contract_amount += Number(item.contract_amount || 0);
              // contract_amount = contract_amount + Number(item.contract_amount || 0);
              payable_money += Number(item.payable_money || 0);
              amount_paid += Number(item.amount_paid || 0);
              return item;
            },
          );