专栏首页杨飞@益术vue(web前段)属性计算

vue(web前段)属性计算

需求:

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

增加方法:

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>

完工

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 折半查找

        public static void main(String[] args) {         int[] nums = {1, 2, 3, 4, ...

    用户2192970
  • JAVA初中级程序员笔试试题

    (多选题) 1.以下哪些不是Java保留字__________ A. private     B. Final    C. class    D. Thro...

    用户2192970
  • Android数据存储实现的5大方式

    第一种: 使用SharedPreferences存储数据 SharedPreferences是Android平台上一个轻量级的存储类,主要是保存一些常用...

    用户2192970
  • 小程序 - 如何自定义导航栏

    setStatusBarHeight、setNavBar这两个方法最好写到app.js中,获取好放在app.globalData中,这两个高度可能不止自定义导航...

    WahFung
  • Array - 54. Spiral Matrix

    Given a matrix of m x n elements (m rows, n columns), return all elements of the...

    用户5705150
  • 为什么Python没有main函数?

    众所周知,Python中没有所谓的main函数,但是网上经常有文章提到“ Python的main函数”和“建议编写main函数”。

    AI科技大本营
  • Android SQLite数据库版本升级的管理实现

    中最后一个参数表示数据库的版本号.当新的版本号大于当前的version时会调用方法:

    砸漏
  • 小程序云开发的开通流程及添加集合数据

    随着小程序云开发的逐渐流行,一个工程师全栈小程序的能力也逐步变得越来越强大,作为一个前端工程师,现在也可以逐步脱离后台的帮助了,自己可以按照自己的想法来开发一款...

    王小婷
  • PlanetScale迁移开源Vitess测试套件|从Python到Go

    作者:Deepthi Sigireddi。嘉宾博客文章最初在PlanetScale的博客发表。

    CNCF
  • Running Python in Xcode: Step by Step第1步:安装Python 3.5第2步:找到python3第3步:创建一个Xcode项目步骤4.创建Python文件步骤5.编

    在我准备一个涉及Python编程的项目时,我需要至少掌握基本级别的Python掌握。但是,我不是交互式Python REPL的忠实粉丝:

    iOSDevLog

扫码关注云+社区

领取腾讯云代金券