vue多重循环中如何对第二层及以下的数据倒序输出

jsliang
  • 293

话不多说,先贴问题代码:

 el-tab-pane v-for="userClub in userClubsInfo" :key="userClub.clubName" :label="userClub.clubName">
  <router-link :to="{path:'OrgDetail', query:{'orgId':userClub._id}}">
   <el-button type="primary" class="go-index">前往<span>{{userClub.clubName}}</span></el-button>
  </router-link>
  <el-card class="box-card" v-for="clubTopics in userClub.clubTopics" :key="clubTopics.value">
  ………………………………
    

这代码的应用是在这种情况下:
首先我有一个用户社团信息userClubsInfo,
然后我第一次遍历,把各个社团区分了开来(第一次v-for);
接着我第二次遍历,输出每个社团的讨论话题(第二次v-for);
但是这些的话题是顺序的,即一开始发布的话题在第一个。而我想要输出的是:最新发布的话题在最上面。
所以,求解有没有方法,能够对第二个循环的内容进行倒序输出?有的话能否贴出代码,谢谢!

回复
阅读 1.7k
1 个回答
✓ 已被采纳
v-for="clubTopics in userClub.clubTopics.reverse()"
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏