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>

完工