判空(项目中有些不判空,页面会加载不出来)

 参考

JavaScript中的高效运算符:?.、||、?? 以及 ??=-CSDN博客

一 自己写的组件

调用接口返回:

{"msg":"请求成功","code":"200","data":null}

现象: 移入直接报错 

解决:

二 table 

后端返回

{
    "msg": "请求成功",
    "code": "200",
    "data": {
        "total": "0",
        "current": "1",
        "size": "10",
        "records": []
    }
}

前端

人家封装的组件,内部做了处理,没有也不会报错

三判空

四 / 如果没有值,不应该显示

后端调用:

{"msg":"请求成功","code":"200","data":null}

可以处理:rights.value = res?.data || {} 

|| ( nullundefinedfalse0、空字符串等)时,它会返回右侧的操作数。

<div class="detail_content">
                <span style="color: #477fff">{{ rights?.useQuantity }}</span>
                {{ rights?.licensesQuantity ? `/${rights.licensesQuantity}` : "" }}</div
              >

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值