如何使用vue.js实现价格格式化(代码附上)

下面是我给大家整理的vue.js实现价格格式化,有兴趣的同学可以去看看。

这里分享一个常用的价格格式化的一个方法,在电商的价格处理中非常的实用,我们可以看一个效果

20170504203325230.png

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

HTML

立即学习“前端免费学习笔记(深入)”;

      ¥{{"这里是价格数据"}}     

登录后复制

JS

filters:{      //数据过滤器format:function(value){var html,_val;value =Number(value).toFixed(2);if(value==0){value=0;return html = "¥0";}else if(value.split('.')[1].substring(1)==0){value = Number(value).toFixed(1);}_val = value.split('.');return html = '¥'+_val[0]+'.'+_val[1]+'';}}

登录后复制

上面是我整理给大家的vue.js实现价格格式化,希望今后会对大家有帮助。

相关文章:

js原生代码实现数据双向绑定(可以直接拿来使用,已经封装好了)

详细讲解Js apply()使用(含有代码)

有关在js中下载文件简单操作(附上代码,详细解答)

以上就是 如何使用vue.js实现价格格式化(代码附上)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2761294.html

(0)
上一篇 2025年3月8日 09:31:28
下一篇 2025年2月26日 01:39:00

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论