参考
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 || {}
|| (
null
、undefined
、false
、0
、空字符串等)时,它会返回右侧的操作数。
<div class="detail_content">
<span style="color: #477fff">{{ rights?.useQuantity }}</span>
{{ rights?.licensesQuantity ? `/${rights.licensesQuantity}` : "" }}</div
>