vue 電話號中間四位****代替

<template>
  <div>
    {{ phone | phoneLize }}
  </div>
</template>
<script>
  export default {
    name: 'index',
    data() {
      return {
        phone: '18790888888'
      };
    },
    // substr(0,3)表示從下標為零的開始截取  截取長度是3 
    // substr(7)表示從下標為7的開始截取
    filters: {
      // 第一種方法
      // phoneLize: function(value) {
      //   if (!value) return ''
      //   value = value.substr(0, 3) + '****' + value.substr(7)
      //   return value
      // }
      // 第二種方法
      phoneLize(value){
        let start = value.slice(0, 3)
        let end = value.slice(-4)
        return `${start}****${end}`
      }

      },
  };
</script>