js非空判断

当我们调接口，返回的数据有null时，直接回显页面是不显示的

 

 可以看到最后一条是没有数据的，这种情况下前端就要做非空处理

首先在 js 文件里面

export default {
  //判断字符是否为空的方法
  isEmpty(obj) {
    var regu = "^[ ]+$";
    var re = new RegExp(regu);
    if (typeof obj == "undefined" || obj == null || obj == "" || re.test(obj)) {
      return true;
    } else {
      return false;
    }
  }
}

来到我们的vue组件，引入

import fun from "@/utils/fun";

data() {
    return {
      lineChartData: [],
    }
},
created() {
    this.getPollutionStatus();
  },
  methods: {
    //产废状态汇总
    getPollutionStatus() {
        封装后的接口函数名().then(res => {
        console.log(res.data);
        if (!fun.isEmpty(res.data)) {
          this.lineChartData = res.data;
        }
    }
}

这样页面就能回显了