UNIAPP - filters传多个值

UNIAPP不支持filters传输多个形参值 ,但可以支持传输对象

 

 

<template>
    <view>
    <view class="fix-list" v-for="(item, index) in mockList" :key="index">
            <view class="fix-list-item" @click="handlePhone">
                <view>手机号码</view>
                <view style="color: #409EFE;">{{ item | phoneVal }}</view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            mockList: [{ mobile: '13111225554', tag: 1 }, { mobile: '13254565421', tag: 2 }]
        };
    },
    filters: {
        phoneVal(item) {
            if (item.tag == 1) {
                return hidePhone(item.mobile);
            } else {
                return item.mobile;
            }
            // 通过形参传过来的对象(item)即可继续走下面的逻辑 , 判断标识tag：1即可显示完整号码，否则隐藏中间4位数
        }
    },
    methods: {
        
    }
};


</script>

<style lang="scss">

</style>
    

 

const hidePhone = cellValue => {
    if (Number(cellValue) && String(cellValue).length === 11) {
        let mobile = String(cellValue);
        let reg = /^(\d{3})\d{4}(\d{4})$/;
        return mobile.replace(reg, '$1****$2');
    } else {
        return cellValue;
    }
};