vue fliter过滤器判断空 

export const nonempty = (val = '', replaceVal = '') => {
  // if (!val || val == 'null' || val == 'undefined') {
  //   return replaceVal;
  // } else {
  //   return val;
  // }

  // val = (['', 'null', 'undefined'].includes(val) ? replaceVal : val) ??replaceVal;
  val = ['', 'null', 'undefined', null, undefined].includes(val)
    ? replaceVal
    : val

  if (typeof val === 'string') val.match(/^[ ]*$/) ? (val = replaceVal) : val

  return val
}

 

引入nonempty
  filters: {
      // 文字非空判断
      getNonempty(val, replaceVal = '--') {
        val = nonempty(val, replaceVal)
        return val
      },
    },

使用

  <td>{{ infoList.savePerson | getNonempty }}</td>

 

 
 
 filters: {
      // 文字非空判断
      getNonempty(val, replaceVal = '--') {
        val = nonempty(val, replaceVal)
        return val
      },
    },
posted @ 2021-11-09 10:00  小夜猫啊  阅读(297)  评论(0)  编辑  收藏  举报