vue（web前段）属性计算

用户2192970

发布于 2020-03-28 19:40:53

1K0

发布于 2020-03-28 19:40:53

文章被收录于专栏：杨飞@益术

需求：

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

增加方法：

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

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

item是每一个数据对象

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

使用方法：

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

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

完工

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/03/27 ，如有侵权请联系 cloudcommunity@tencent.com 删除

data

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度

vue（web前段）属性计算

vue（web前段）属性计算

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐