vue 使用Computed实现数据的动态计算

最新推荐文章于 2024-03-01 10:06:30 发布

南风Candy

最新推荐文章于 2024-03-01 10:06:30 发布

阅读量1.2k

点赞数

文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/Robi_Candy/article/details/125368015

版权

 computed: {
    // 计算属性
    sumMoney() {
      let sum = 0;
      Object.values(this.xmysForm).forEach(item => {
        sum += Number(item)
      })
      return sum;
    },
  },

<div style="background-color: rgba(241, 247, 255, 1);height: 52px;">
          <p style="float: left;margin-top: 15px;margin-left: 20px">
            <span style="font-weight: 400;font-size: 14px">合计：</span>
            <span style="font-size: 18px;font-weight: 700">{{ sumMoney === 0 ? "" : sumMoney }}万元</span>
          </p>
        </div>