Javascript 在vue js中以相反顺序获取序列号

下面是迭代列表时显示序列号的代码。 由于某些原因，现在我无法对列表进行排序，列表将保持原样。 但我希望序列号以相反的顺序打印。如果数组的大小是5，我需要5 4 3 2 1

<table class="table" border=1 width="650" style="word-wrap:break-word">
         <tr>
          <td colspan="6" class="heading">
            <b>Corrigendum Document Details</b>
          </td>
        </tr>
              <tr>
                <th align="center" style="width:7.5%">Corr.No.</th>
                <th align="center">Corrigendum Title</th>
                <th align="center">Corrigendum Description</th>
                <th align="center">Published Date</th>
                <th align="center">Document Name</th>
                <th align="center">Doc Size(in KB)</th>
              </tr>
              <tr v-for="(corrworkdoc,index) in corrWorkItemDocumentsAndCorrDetailList" i = index>
                <td>{{index+1}}</td>
                <td>{{corrworkdoc.corrigendumTitle}}</td>
                <td>{{corrworkdoc.corrigendumDescription}}</td>
                <td>{{corrworkdoc.publishedDate}}</td>
                <td><a href="#" v-on:click="doDownload(corrworkdoc.fileName)" title="Download" style="color:blue;">{{corrworkdoc.fileName}}</a></td>
                <td>{{corrworkdoc.docSize}}</td>
              </tr>
    </table>

勘误表文件详情
更正：否。
勘误标题
勘误说明
出版日期
文件名
文档大小（KB）
{{index+1}}
{{corrworkdoc.corriendumtitle}
{{corrworkdoc.corriendumdescription}
{{corrworkdoc.publishedDate}
{{corrworkdoc.docSize}

如何按相反顺序显示序列号。

试试这个

<tr v-for="(corrworkdoc,index) in corrWorkItemDocumentsAndCorrDetailList.reverse()" i = index>
            <td>{{index+1}}</td>
            <td>{{corrworkdoc.corrigendumTitle}}</td>
            <td>{{corrworkdoc.corrigendumDescription}}</td>
            <td>{{corrworkdoc.publishedDate}}</td>
            <td><a href="#" v-on:click="doDownload(corrworkdoc.fileName)" title="Download" style="color:blue;">{{corrworkdoc.fileName}}</a></td>
            <td>{{corrworkdoc.docSize}}</td>
          </tr>

{{index+1}}
{{corrworkdoc.corriendumtitle}
{{corrworkdoc.corriendumdescription}
{{corrworkdoc.publishedDate}
{{corrworkdoc.docSize}

使用computed属性并反转数组或直接在模板中反转为Saeed。例如。还要设置正确的索引值

computed: {
   reverseDetailedList() {
      return this.corrWorkItemDocumentsAndCorrDetailList.slice().reverse();
   }

在模板中：

<tr v-for="(corrworkdoc,index) in reverseDetailedList" :key="index">
   <td>{{ reverseDetailList.length - index }}</td>
   <td>{{ corrworkdoc.corrigendumTitle}}</td>

{{reverseDetailList.length-index}
{{corrworkdoc.corriendumtitle}

您只是想要索引，甚至是内容？您不能创建一个主数组副本并将其反转吗？但列表顺序不应仅更改序列号，而应按相反顺序打印。我无法反转列表（CorrWorkItemDocuments和CorrDetailList.length）-索引已工作。好主意。现在我们不必反转原始列表，就可以反转序列号。谢谢你