js 字符串中间*号显示

Lemon今天学习了吗

于 2022-11-11 17:32:16 发布

阅读量1.1k

点赞数 1

分类专栏： vue 前端 js 文章标签：前端 elementui javascript

本文链接：https://blog.csdn.net/weixin_47978760/article/details/127810150

版权

js 同时被 3 个专栏收录

54 篇文章 4 订阅

订阅专栏

vue

49 篇文章 1 订阅

订阅专栏

前端

41 篇文章 0 订阅

订阅专栏

1.需求：有掩码效果，但是又保留前后四位，当鼠标放置到眼睛图标上时弹出全部数据。

2.实现：

<div class="flex flex_align_item_center">
    <div class="item-label">密码1：</div>
    <div class="item-intro">
        {{ visibilityChange(infoData.key) }}
    </div>
    <el-tooltip effect="dark" :content="infoData.key" placement="top">
        <i class="el-icon-view blue cursor_pointer"></i>
    </el-tooltip>
 </div>

// *号处理,留下前后四位
visibilityChange(val) {
    let _len = val.length
    return val.substring(0, 4) + '****' + val.substring(_len - 4, _len)
}