Vue js使用v-if排序问题

Question

项目使用了Vue.js,后端提供的接口数据是按时间排序的，我的vue模板中应用了v-if：status==1 v-if：status==2这种方法来判别渲染的内容，但是渲染结果是：

结果不按照时间排序了，v-if：status==的位置在前，就先被渲染，有什么可以不改变排序的渲染方法吗？

Answer 1

首先批评一下问题问的不好，题目不够明确，题文没有整理好。嵌套问题：我估计你写的应该是<div&nbsp;v-if="item.status==1"&nbsp;v-for="item&nbsp;in&nbsp;items"> &nbsp;&nbsp;{{value}}</div><div&nbsp;v-if="item.status==2"&nbsp;v-for="item&nbsp;in&nbsp;items"> &nbsp;&nbsp;{{value}}</div>实际上应该是<div&nbsp;v-for="item&nbsp;in&nbsp;items"> &nbsp;&nbsp;<div&nbsp;v-if="item.status==1"> &nbsp;&nbsp;&nbsp;&nbsp;{{value}}&nbsp;&nbsp;</div> &nbsp;&nbsp;<div&nbsp;v-if="item.status==2"> &nbsp;&nbsp;&nbsp;&nbsp;{{value}}&nbsp;&nbsp;</div></div>