vue fliter过滤器判断空

2021-11-09 10:02:01 阅读：135 来源： 互联网

标签：vue return undefined val replaceVal nonempty fliter 过滤器 null

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue fliter过滤器判断空