更新记录

1.0.0（2023-06-27） 下载此版本

组件初始化

平台兼容性

uni-app

其他

cc-format-phone

使用方法

<!-- phone:手机号 isStar: 是否转星号 -->
<cc-format-phone :phone="13990120140" :isStar="false"></cc-format-phone>

HTML代码实现部分

<template>
    <view class="content">

        <view style="margin: 30px 20px;">
            {{"不带星号手机号: "}}
            <!-- phone:手机号 isStar: 是否转星号 -->
            <cc-format-phone :phone="13990120140" :isStar="false"></cc-format-phone>

        </view>

        <view style="margin: 10px 20px;">
            {{"带星号手机号: "}}
            <!-- phone:手机号 isStar: 是否转星号 -->
            <cc-format-phone :phone="13990120140" :isStar="true"></cc-format-phone>

        </view>

    </view>
</template>

<script>
    export default {

        data() {
            return {

            }
        },
        methods: {

        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        background-color: white;
        height: 100vh;

    }
</style>

组件实现代码

<template>
    <text>{{value}}</text>
</template>

<script>
    export default {
        props: {
            phone: {
                type: [Number, String],
                default: ""
            },

            isStar: Boolean
        },
        computed: {
            value() {
                let phone = this.phone + "";
                if (this.isStar) {
                    return `${phone.slice(0,3)}******${phone.slice(phone.length-4,phone.length)}`
                } else {
                    return phone;
                }
            }
        },
    }
</script>

<style>
</style>