vue.js - 在vuejs中按降序制作列和行索引

Question

我创建了一个包含列和行的表。目前，cell(1,1) 从表格的左上角开始。如何从左下角开始计数？

这是我的代码：

 <table class="table">
   <tr v-for="row in rows">
        <td v-for="col in cols">
        {{ row }} - {{ col }}
       </td>
   </tr>
</table>

在此处查看完整代码：

https://jsfiddle.net/wpgkabue/

标签： vue.jsvuejs2

Answer 1

这是一个简单的解决方案。只需将您的代码更改为

<table class="table">
 <tr v-for="row in rows">
    <td v-for="col in cols">
    {{ 9 - row }} - {{ col }}
   </td>
 </tr>
</table>

https://jsfiddle.net/rahmbs7u/