vue 之 后端返回空字符串用 null 和 “”以及 undefind 判断不到的问题

原文：

<!-- <span v-if="scope.row.buyer_credit_score != '' || scope.row.buyer_credit_score != null "> 买家：{{scope.row.buyer_credit_score}}</span>

<span v-if="scope.row.buyer_credit_score != '' || scope.row.buyer_credit_score != null && scope.row.seller_credit_score != '' || scope.row.seller_credit_score != null  "   > / </span>

 <span v-if="scope.row.seller_credit_score != '' || scope.row.seller_credit_score != null ">卖家 {{scope.row.seller_credit_score}}</span> -->

 

以上判断都判断不到 scope.row.buyer_credit_score == “ ” 是一个空字符串，所以改用了以下的方法

 

改版后的应用：

 

{{  此处写你的方法名，例如：show_data(这里传你要判断的数据，例如：scope.row) }}

 

然后在 methods 的方法里写：

 

　　//判断空值问题

        这里是写你上面定义的方法名字，例如：show_data ( 这里是写你传进来的参数，例如：res  注：如果你传多个参数，这里就得对应的增加多个参数，参数名字可以不用相同，只拿括号内的 参数进行对应判断即可 ){

            if(res){

                if(res.buyer_credit_score ==="" &&res.seller_credit_score===""){

                    return "买卖双方没有评分"  // 这里是你要返回去要显示的东西

                }

                    else if(res.buyer_credit_score &&res.seller_credit_score===""){

                        return '买家：'+res.buyer_credit_score

                }

                    else if(res.buyer_credit_score==="" &&res.seller_credit_score){

                        return '卖家：'+res.seller_credit_score

                }

                    else if(res.buyer_credit_score &&res.seller_credit_score){

                    return '买家：'+res.buyer_credit_score +'/'+'卖家：'+res.seller_credit_score  

                }

            }

        },