vue.js如何实现价格格式化

　　介绍

这篇文章主要介绍了vue。js如何实现价格格式化,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

vue是什么

vue是一套用于构建用户界面的渐进式JavaScript框架,vue与其它大型框架的区别是,使用vue可以自底向上逐层应用,其核心库只关注视图层,方便与第三方库和项目整合,且使用vue可以采用单文件组件和vue生态系统支持的库开发复杂的单页应用。

这里在价格数据的地方使用了一个过滤器,通过这个过滤器对价格做了保留小数位的处理。HTML

& lt; div 类=皃rice"比; 　　,& lt; span  v-html=癵oods.sale_price | format"祝辞& lt;/span> 　　,& lt; span 类=皃rice-before"在￥{{”这里是价格数据“}}& lt;/span> 　　& lt;/div>

JS

过滤器:{,,//数据过滤器 　　,格式:功能(价值){ 　　var  html,才能_val; 　　value 才能;数量=(值).toFixed (2); 　　如果才能(value=https://www.yisu.com/zixun/=0) { 　　值=0; 　　返回html="￥ 0 ”; 　　}else if (value.split (“。”) [1] .substring (1)==0) { 　　值=数量(值).toFixed (1); 　　} 　　_val=value.split ('。'); 　　返回html='￥ ' + _val [0] + 。+ _val [1] +“”; 　　} 　　}

感谢你能够认真阅读完这篇文章,希望小编分享的“vue.js如何实现价格格式化”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

vue.js如何实现价格格式化