前端传空字符串后端 null,vue中判断字符串是否为空字符串

　　本文主要介绍vue前端传空值和空字符串的问题及解决方法，有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。

vue前端传空值及空字符串问题

　　在与后端调试接口时，经常接口里的参数会有空值，如果每次都要后端写判断，代码容易冗余。

　　所以就在前端做判断，在传值时先判断接口参数是否为空，为空则不传，有值则传参。

　　这里的例子是vue list接口获取所有列表值。

　　一般列表页面都有搜索和分页功能，所以参数有：搜索字段、当前页码、最大页码(param、pageNo、pageSize)，这些只是例子，不一定完全相同。

　　在加载列表接口时，这些条件会拼接到接口url中，所以要对搜索字段进行判断，是否有值

　　1.首先将param定义为一个接口参数，它存储搜索字段和分页字段。

　　2.清空搜索栏。如果有值，会存储在param中，加载时会拼接到接口url中。

　　(哪个字段有值拼写哪个)

　　列表界面如下

　　导出函数getTbComponentList(params) {

　　return request . get(/comp mgr/components ，{params})

　　}

　　效果如下：

　　如上图，提示百分比为空，web渲染如下

　　如果不想在自测阶段麻烦，直接在数据库中添加数据或者初始化初始化方法的初始值即可。最简单的方法就是在vue模板里做一个判断。

　　代码如下：

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。