vue（web前段）属性计算

需求：

在数据列表中，每一条数据的其中一列需要另外两列相除的值作为这一列的值 

增加方法：

代码语言：javascript复制

compuetedPercentage(res){
  res.map((item,index)=>{
    item.percentageVal = item.businessAmount / item.entrustAmount * 100
  })
},

res是接口返回的数据对象列表

item是每一个数据对象

⚠️percentageVal并不是接口对象的属性

使用方法：

在请求接口返回数据中增加调用方法 this.compuetedPercentage(response.data)

代码语言：javascript复制

<el-table-column label="成交进度">
    <template slot-scope="scope">
        <el-progress :percentage="scope.row.percentageVal"></el-progress>
    </template>
</el-table-column>

完工

data response 对象 接口 数据

0 人点赞