js隐藏部分字符串

效果：

数据（data）：

basicInfo: {
        name: '米某某某某罗',
        idNumber: '460888888888888888',
        idType: '身份证'
      },

代码：

trimName: function (value) {
      const hide = value.slice(1, -1)
      let asterisk = ''
      // hide 多长就几个 *
      for (let i = 0; i < hide.length; i++) asterisk += '*'
      value = value.replace(hide, asterisk)
      return value
    },
trimId: function (value) {
      const hide = value.slice(3, -2)
      let asterisk = ''
      // hide 多长就几个 *
      for (let i = 0; i < hide.length; i++) asterisk += '*'
      value = value.replace(hide, asterisk)
      return value
    }

vue过滤器：

  filters: {
    trimName: function (value) {
      const hide = value.slice(1, -1)
      let asterisk = ''
      // hide 多长就几个 *
      for (let i = 0; i < hide.length; i++) asterisk += '*'
      value = value.replace(hide, asterisk)
      return value
    },
    trimId: function (value) {
      const hide = value.slice(3, -2)
      let asterisk = ''
      // hide 多长就几个 *
      for (let i = 0; i < hide.length; i++) asterisk += '*'
      value = value.replace(hide, asterisk)
      return value
    }
  },

vue过滤器调用方式：

<div class="basic-info">
     <div class="name">{{ basicInfo.name | trimName}}</div>
     <div class="id-number">{{ basicInfo.idNumber | trimId }}</div>
</div>