Maison > Article > interface Web > 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 '@/util/filter' import { mapState } from 'vuex' import { Toast } from 'mint-ui' export default { // 支付页面 name: 'partyDuesPay', 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)
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!