<el-row >
<el-timeline :reverse="true">
<el-timeline-item
v-for="(item,index) in items"
:key="index"
:timestamp="item.timestamp"
:type="index==items.length-1?'primary ':''">
{{ item.msg }}
</el-timeline-item>
</el-timeline>
</el-row>
思路:
当对数组进行循环遍历的时候,item代表每一个对象,index代表循环遍历元素的下标,下标从0开始。想要获取当前数组的最后一个元素:items.length-1
假如数组长度为四,数组中最后一个元素的下标就是3 和 items.length-1 代表的是同一个元素。
通过组件中 :type的使用就可以对最近节点进行渲染。