weixin_38092043
余余余鱼
采纳率50%
2019-06-26 22:54

vue遍历对象时候如何获取每个schedule对象id的值并且相加

图片说明

<router-link to="/Schedule/addSchedule"><div class="add_schedule"></div></router-link>
      <div class="panel panel-primary" v-for="schedule in schedules" :key="schedule.id">
        <div :count="schedules.id">{{sum}}</div>
        <div class="panel-heading" >

          <h3 class="panel-title">{{schedule.degree}}</h3>

        </div>
        <router-link class="turn" :to="'/Schedule' + schedule.id">
        <div class="content">{{schedule.body}}</div>
          <div class="content_time">时间:{{schedule.time}}</div>
          <div>{{schedule.id}}</div>
        </router-link>
      </div>
  </div>
</template>
<script>
export default {
  name: 'Center',
  props: ['count'],
  data () {
    return {
      schedules: [],
      sum: this.count
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • qq_39953537 xiao_fei_blog 2年前

    是要这样的吗?

    const schedules = [
      { id: 1, value: 100 },
      { id: 2, value: 200 },
      { id: 3, value: 300 },
      { id: 4, value: 400 }
    ];
    
    const sum = schedules.map(val => val.id).reduce((pre, next) => pre + next);
    
    console.log(sum); //10
    
    
    点赞 评论 复制链接分享
  • monoplasty monoplasty 2年前

    这个sum 在你进行数据处理的时候就应该算好. 页面知识进行展示作用.

    针对这样的情况. 你可以在compute 中计算就可以了

    点赞 评论 复制链接分享