一、效果图如下：
1，刚开始直接手机号码全部脱敏显示：
2，点击按钮：显示号码后，显示该行的手机号码全部位数，其他不变：
3，刷新后，恢复原样：
二、后端代码实现，手机号码脱敏显示，主要代码如下：
三、前端代码实现：
1，先在data() {retrun{}}中,定义：
2，在el-table-column中，写上如下代码：
本文介绍了如何在Vue.js和Element UI中实现在el-table组件中操作单行数据，使得手机号码在初始状态脱敏显示，点击按钮后显示完整号码，再次刷新恢复原状。通过在data中定义变量，并结合el-table-column和methods中的方法，利用scope.$index和自定义标志位实现这一功能。
最低0.47元/天 解锁文章
扫一扫
5282
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
