ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前端如何实现根据两个字段展示列表项中的状态文字?

2021-08-19 16:34:45  阅读:205  来源: 互联网

标签:status 项中 展示 前端 列表 抢单 return type 页面


这是前端需要展示的页面:一共四个状态

 

 

 

 

 这是后台返回的字段:

 

 

 

 

 

 描述:在通过的前提下,再去判断type值,为1,页面展示:抢单成功;为2,页面展示:已通过

下面是主要代码:

 

1 <view class="customer-card" @click="goDetail(item)"  v-for="(item,index) in list">
2      <view class="status">
3           {{ calcStatus(item.exaStatus, item.type) }}
4      </view>
5 </view>

 

1 calcStatus(status, type) {
2      if(status == 2) {
3            return type == 1 ? '抢单获得' : '已通过'
4      } else {
5            return status === 0 ? '未通过' : status === 1 ? '审核中' : status === 2 ? '已通过' : ''
6      }
7 }

 

标签:status,项中,展示,前端,列表,抢单,return,type,页面
来源: https://www.cnblogs.com/heisetianshi/p/15162422.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有