VUE 中，过滤器的使用，v-filter

前端小火龙

于 2024-06-28 15:30:10 发布

阅读量179

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Gy_gsdsb/article/details/140044701

版权

<template>
  <div>{{ phoneNumber | maskPhone }}</div>
</template>

<script setup>
import { ref } from 'vue';

const phoneNumber = ref('18109637662');

// 定义一个自定义过滤器
const maskPhone = (value) => {
  if (!value) return '';
  const start = 3;
  const end = 7;
  const mask = '****';
  return value.substring(0, start) + mask + value.substring(end);
};
</script>