在util.js文件中定义判断值是否为空或者非正常值,设置默认显示"- -":
//判断传入的值是否为 ''、null、undefined、NaN
function isEmpty(val) {
return val === '' || $_.isNil(val) || $_.isNaN(val)
}
//设置空数据显示
function setObjDefaultKey(obj, flag = '- -') {
const d = $_.cloneDeep(obj)
for (const key in d) {
isEmpty(d[key]) && (d[key] = flag)
}
return d
}
isNaN
使用该方法如下:
this.eventList = (res.data || []).map(item => {
return this.$util.setObjDefaultKey(item)
})
还有一种默认值是需要分辨0还是字符串’0’,然后再决定是否要设置默认值:
function setValueDefaultKey(value, flag = '- -') {
return value === 0 ? 0 : value ? value : flag
}
此处是判断值是否为0
如果为字符串’0’,‘0’===0为false,所以会进入下一步判断:
value?value:flag
若value转换为boolean为true,就为本身,若为false,即为默认值flag也就是 ‘- -’