vue中循环表格数据给最后一行添加样式

最近做项目遇到一个问题：循环表格给最后一行重新设置样式问题。👇👇👇

• 解决方法

  动态添加class名设置样式（:class="{'special-style':idx===item.data.length - 1}"）。

• 代码

  <table v-for="item in items">
    <tr v-for="(child, idx) in item.data" :key="idx"  :class="{'special-style':idx===item.data.length - 1}">
      <td v-if="idx === 0" :rowspan="item.data.length">
        {{ item.address }}
      </td>
      <td>{{ child.name }}</td>
      <td>{{ child.amount }}</td>
    </tr>
  </table>
  

  比如不想给最后一行设置下边框，设置border-bottom: none即可。

  special-style:{
  	border-bottom: none;
  }