效果:

1.html。通过绑定t值控制不同的class名, 原图是右边方向的箭头
<img class="right" v-if="item.t" src="@/assets/images/list-down.png" alt=""> <img class="right" src="@/assets/images/list-right.png" v-else :class="{rote:!item.t}" alt="">
2.style。
.right
height 22px
width 20px
transform rotateZ(90deg)
transition all ease 0.5s
.rote
transform rotateZ(0deg)