js显示隐藏手机号

@小朱呀路

已于 2022-07-30 16:31:30 修改

阅读量2.8k

点赞数 1

分类专栏： js 文章标签： javascript

于 2022-07-30 16:25:13 首次发布

本文链接：https://blog.csdn.net/weixin_45441173/article/details/126073958

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述

  <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>