一、 直接上案例
1.如下图是前端拿到的后端接口
2.我们可以看到有三个字段为 null ,我们前端要拿字段渲染到页面不可能把null 渲染出去,如下图:
像这样金额不可能给用户体验为 -¥null 完全没有一点用户体验
二、解决方法
1.仅需加上非空判断即可,当值为null时 将转换成0.00
toList() {
var that = this
axios.post(api.contractApplyList,
{
deductionAmount:res.data.list.deductionAmount!=null?res.data.list.deductionAmount:'0.00', //关键核心代码
}).then(function (response) {
})
.catch(function (error) {
console.log(error);
});
},
看效果
好了,到这里就要跟大家说再见了
欢迎大家进群进行技术性的探讨, 群号:954314851