怎么循环数据以不同样式展示？

Question

我发请求回来的数据要以不同的样式展示该怎么做？划红框的分别是两条数据我试了好几种方法都不行，请大神给指点指点

Answer 1

emmmm

靠左靠右两个样式，循环的时候 i % 2 === 0 根据奇偶使用不同 class 不就好了

Answer 2

这个很基础的 ，拼接字符串，在循环的时候根据索引渲染不同的字符串进行展示就行。

  <li v-for="(v,k) in lists" :key="k" :class="addDifClass(k)">

      <a v-if="k==1"></a>

      <b v-if="k==2"></b>

  </li>

这样很清晰了吧，里面的内容可以换，也不一定是非要1，2这种写死的，内容都可以换