javascript - Vue js使用v-if排序问题

问题描述

问 题

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

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

解决方案

首先批评一下问题问的不好，题目不够明确，题文没有整理好。

---

嵌套问题：

我估计你写的应该是

<div v-if="item.status==1" v-for="item in items">
  {{value}}
</div>
<div v-if="item.status==2" v-for="item in items">
  {{value}}
</div>

实际上应该是

<div v-for="item in items">
  <div v-if="item.status==1">
    {{value}}
  </div>
  <div v-if="item.status==2">
    {{value}}
  </div>
</div>

这篇关于javascript - Vue js使用v-if排序问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！