如题
很好理解，就是有些隐私性数据不方便一打开界面表格上就一览无余，所以需要用掩码如*来代替以作隐藏。实现灰常简单。
实现方法
- 步骤一
在vue项目目录下比如utils工具下新建一个 mask.js文件，写入方法如下：
// 激活码： 仅显示前8位与后8位，中间部分用 * 代替
export function codeMask(val) {
if (val && val.length > 16) {
return val.substr(0,8) + "*".repeat(val.length - 16) + val.substr(val.length - 8)
} else {
return val
}
}
// 授权文件： 太长直接用 * 号代替
export function authDocMask(val) {
return "*".repeat(val.length)
}
- 在需要引用的文件中引入
比如我的表格页面在table.vue中，那我就到这个页面代码里：
①
<script>
import {codeMask} from "@/utils/mask";
② 在data中声明使用：
export default {
...
data() {
this.codeMask = codeMask; // 这里声明
return {
...
}
③ 表格中的对应列：
<el-table-column prop="active_code" label="激活码内容" width="200" show-overflow-tooltip>
<template slot-scope="scope">
<p v-if="scope.row.active_code !== ''">{{ codeMask(scope.row.active_code) }}</p>
</template>
</el-table-column>
效果
over~
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/157248.html
