遇到的问题:
后端返回的字段,如果是空的情况下,有的字段是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>