vue循环用倒叙的方法始终报错为啥

Question

<div class="eventlist" v-if="eventsList.length > 0">
<div class="eventItem" v-for="(item,index) in eventsList.reverse()" :key="index">
</div>
</div>
报错如下
You may have an infinite update loop in a component render function.

Answer 1

无限循环啊 不要在模板里面改变数据 因为改变数据会更新模板
eventsList.reverse()改变了原数组eventsList ==> 触发更新 ==> eventsList.reverse()==>触发更新
可以用computed

<div class="eventItem" v-for="(item,index) in usersReverse" :key="index"></div>

computed: {
    usersReverse: function () {
      return this.users.reverse();
    }
  }