字段为空的时候后端返回的是null或者"null",如何判断

712 阅读1分钟

遇到的问题: 后端返回的字段,如果是空的情况下,有的字段是null类型,有的是字符串"null"类型, 需求:要求如果字段为空的情况下,页面展示————空 思考一下逻辑步骤: 首先我们使用的是表单,回显的时候肯定是有的回显后端返回的字段,有的回显我们判断的空,此次字段回显大约有750个, <el-form-item v-if="字段名称 === null || 'null'"> 在我使用删除上面这个想法的时候,查看页面会发现页面上的每个字段。不管有没有值 都会返回空

所以,研究了很久之后,可以使用一下几种方法:

``

//第一种

<el-form-item v-if="字段名称 === null || 字段名称 ==='null'">空</el-form-item>
<el-form-item v-else>{{字段名称}}</el-form-item>

//第二种

<el-form-item v-if="字段名称 === null || 字段名称 ==='\"null\"'"></el-form-item>
<el-form-item v-else>{{字段名称}}</el-form-item>



//第三种  推荐使用

methods:{
    justNullOrNullString(str){
        return str === null || str === 'null'
    }
}

<el-form-item v-if="justNullOrNullString(字段名称)">空</el-form-item>
<el-form-item v-else>{{字段名称}}</el-form-item>