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;
    }
};