其他分享
首页 > 其他分享> > vue fliter过滤器判断空

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       },     },

标签:vue,return,undefined,val,replaceVal,nonempty,fliter,过滤器,null
来源: https://www.cnblogs.com/123poi/p/15527461.html