vue+element中table列的数据过滤问题？

Question

问题描述

现在的需求是把table列表中的手机号中间4位用**代替

问题出现的环境背景及自己尝试过哪些方法

我在fliters中写了phoneFilter方法，然后再prop中写了prop="workerTel | phoneFilter"

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

这样写的方式不起作用的，有同学遇到过么？

Answer 1

prop的参数是String类型，是不支持filter方法的，需要过滤字段可以使用如下方法：

<el-table-column label="手机号">
    <template slot-scope="scope">
       {{scope.row.workerTel | phoneFilter}}
    </template>
</el-table-column>