微信小程序三目运算符

Question

{{item.flag==9?'未发起':(item.flag==0?'已完成':(item.flag==4?'审核中':(item.flag==5?'退回':(item.flag==1?'终止':'草稿' ))))}}
微信小程序不支持三目运算符吗 如果修改成v-if如何修改

Answer 1

三目 转成 if 判断是这样 。

 if(item.flag==9){
        return "未发起"
    }else if(item.flag==0){
        return "已完成"
    }else if(item.flag==4){
        return "审核中"
    }else if(item.flag==5){
        return "退回"
    }else if(item.flag==1){
        return "终止"
    }else{
        return "草稿"
    }

根据 if 再写 v-if 就很明晰了

  <div v-if="item.flag==9">未发起</div>
    <div v-else-if="item.flag==0">已完成</div>
     <!-- 最后 else 中间的你自己补 -->
     <div v-else>草稿</div>

其实我是不建议这样做的 ，你还不如 在数据里 加个属性 status 这个 status 是根据 flag 来的 用上面的if 判断一下 直接返回 一个 字符串（拿到数据 就 先 遍历 然后 加个status属性）。

然后 直接 item.status 用多好 。