Maison  >  Article  >  interface Web  >  Implémentation du code des filtres personnalisés dans vue

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

不言
不言original
2018-08-23 16:59:021409parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn