项目使用了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>
并不太懂你的问题,但是你可以试试利用在函数中返回true和false,从而判断