其他分享
首页 > 其他分享> > 前端如何实现根据两个字段展示列表项中的状态文字?

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

作者:互联网

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

 

 

 

 

 这是后台返回的字段:

 

 

 

 

 

 描述:在通过的前提下,再去判断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