Implémentation du code des filtres personnalisés dans vue

Le contenu de cet article concerne l'implémentation du code des filtres personnalisés dans Vue. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Pas grand chose à dire, il suffit d'aller dans le code
Créer un nouveau fichier filter.js tel que :

// 金额 分 --> 元
exports.fen_yuan = (value) => {    
let tmp = Number(value) || 0
    // tmp = parseInt(tmp, 10);
    tmp /= 100
    return tmp.toFixed(2)
}

**fichier .vue

<script>
    import * as filter from &#39;@/util/filter&#39;
    import { mapState } from &#39;vuex&#39;
    import { Toast } from &#39;mint-ui&#39;

    export default {        // 支付页面
        name: &#39;partyDuesPay&#39;,
        filters: filter,
        data() {            
        return {}
        }
     }
</script>

modèle

<div class="moneyAmount"><span>￥</span>{{partyInfo.totalPayAmt | fen_yuan}}</div>

Recommandations associées :

Introduction à l'utilisation de store dans vuex (avec exemples)

Que sont les moyens de passer des valeurs en vue ? Introduction aux méthodes de transmission de valeurs couramment utilisées dans vue (3 types)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!