下面是我给大家整理的vue.js实现价格格式化,有兴趣的同学可以去看看。
这里分享一个常用的价格格式化的一个方法,在电商的价格处理中非常的实用,我们可以看一个效果
这里在价格数据的地方使用了一个过滤器,通过这个过滤器对价格做了保留小数位的处理。
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