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

 朱鹏飞0521 发布于 2022-11-12 06:40

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

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

2 个回答
  • 并不太懂你的问题,但是你可以试试利用在函数中返回true和false,从而判断

    2022-11-12 10:58 回答
  • 首先批评一下问题问的不好,题目不够明确,题文没有整理好。


    嵌套问题:

    我估计你写的应该是

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

    实际上应该是

    <p v-for="item in items">
      <p v-if="item.status==1">
        {{value}}
      </p>
      <p v-if="item.status==2">
        {{value}}
      </p>
    </p>
    2022-11-12 10:58 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有