Comment utiliser vue.js pour implémenter le formatage des prix (code ci-joint)

Ce qui suit est le formatage des prix vue.js que j'ai compilé pour vous. Les étudiants intéressés peuvent y jeter un œil.

Nous partageons ici une méthode de formatage des prix couramment utilisée, qui est très pratique dans le traitement des prix du commerce électronique. Nous pouvons voir l'effet

.

Un filtre est utilisé ici dans les données de prix, et le prix est traité en conservant les décimales via ce filtre.

HTML

<div class="price">
   <span v-html="goods.sale_price|format"></span>
   <span class="price-before">￥{{＂这里是价格数据＂}}
   </span>
  </div>

JS

filters:{      //数据过滤器
format:function(value){
var html,_val;
value =Number(value).toFixed(2);
if(value==0){
value=0;
return html = "￥<span>0</span>";
}else if(value.split(&#39;.&#39;)[1].substring(1)==0){
value = Number(value).toFixed(1);
}
_val = value.split(&#39;.&#39;);
return html = &#39;￥<span>&#39;+_val[0]+&#39;</span><em>.&#39;+_val[1]+&#39;</em>&#39;;
}
}

Ce qui précède est le formatage des prix vue.js que j'ai compilé pour vous. J'espère qu'il vous sera utile dans le. avenir.

Articles connexes :

Le code natif JS implémente une liaison de données bidirectionnelle (peut être utilisé directement, déjà encapsulé)

Explication détaillée de l'utilisation de Js apply() (code inclus)

À propos de l'opération simple de téléchargement de fichiers en js (avec code et réponses détaillées)

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!