How to output data in reverse order to the second layer and below in vue multiple loops

Don"t say much, post the question code first:

 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">
  
    
The application of

this code is in this case:
first I have a user community information userClubsInfo,
then I traverse for the first time, distinguishing each community (the first v-for);
then I iterate a second time, outputting the discussion topics of each community (the second v-for);
but these topics are sequential, that is, the topics published at the beginning are in the first place. And what I want to output is: the newly released topic is at the top.
so, is there a way to output the contents of the second loop in reverse order? If so, can you post the code? thank you!

Mar.01,2021

v-for="clubTopics in userClub.clubTopics.reverse()"
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b36e62-2c048.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b36e62-2c048.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?