前端拿到后端接口字段为null时，一行代码为你解决

一、 直接上案例

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