js显示隐藏手机号

  <template>
    <view>
        <view class="flex a-c" style="height: 100rpx;width: 100%; ">
            <view class="" style="height: 50rpx " >
                {{xphonenumbool?allphonenum:isunum}}
            </view> 
            <view class="aj-c" @click="select" style="width: 100rpx;height: 50rpx ">
                <!-- 方法很多
                 <image v-if="!xphonenumbool" src="../../static/noseay.png" ></image>
                 <image v-if="xphonenumbool" src="../../static/yeseay.png" ></image> 
                 -->
                <image   :src="`../../static/${!xphonenumbool?'noseay':'yeseay'}.png`"  >
             
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                allphonenum: '18338088912',
                xphonenum: '',
                xphonenumbool: false, 
            }
        },
        methods: {
            select() {
                this.xphonenumbool = !this.xphonenumbool;
                 
            },

        },
        computed: {
            isunum: function() {
                const newarr = this.allphonenum.split('');
                newarr.forEach((item, index, arr) => {
                    if (index > 2 && index < 7) {
                        arr[index] = '*'
                    }
                })
                return newarr.join('');
            }
        }
    }
</script>

<style>
    image {
        width: 100%;
        height: 100%;

    }
</style>