vue.js实现价格格式化的方法

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

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

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('.')[1].substring(1)==0){
   value = Number(value).toFixed(1);
  }
  _val = value.split('.');
  return html = '￥<span>'+_val[0]+'</span><em>.'+_val[1]+'</em>';
 }
}

以上所述是小编给大家介绍的vue.js实现价格格式化的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# vue  # 价格格式化  # vue.js  # 格式化  # Vue自定义过滤器格式化数字三位加一逗号实现代码  # vue通过过滤器实现数据格式化  # vue element-ui实现input输入框金额数字添加千分位  # vue js格式化数字为金额格式代码  # 小编  # 在此  # 我们可以  # 给大家  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 使用了  # xhtml  # lt  # brush  # price  # gt  # span  # div  # text  # align  # JS 

相关文章： Swift中swift中的switch 语句  建站之星安装后界面空白如何解决？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  建站之星展会模板：智能建站与自助搭建高效解决方案  北京网站制作公司哪家好一点,北京租房网站有哪些？  广州商城建站系统开发成本与周期如何控制？  如何快速生成可下载的建站源码工具？  如何规划企业建站流程的关键步骤？  C#怎么使用委托和事件 C# delegate与event编程方法  微信小程序 input输入框控件详解及实例（多种示例）  红河网站制作公司,红河事业单位身份证如何上传？  如何获取免费开源的自助建站系统源码？  如何在景安云服务器上绑定域名并配置虚拟主机？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  建站之星云端配置指南：模板选择与SEO优化一键生成  ,网站推广常用方法？  如何快速查询网址的建站时间与历史轨迹？  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  如何在云主机上快速搭建多站点网站？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  制作网站怎么制作,*游戏网站怎么搭建？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  招贴海报怎么做,什么是海报招贴？  如何在云主机快速搭建网站站点？  如何用虚拟主机快速搭建网站？详细步骤解析  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  建站之星如何防范黑客攻击与数据泄露？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  常州自助建站工具推荐：低成本搭建与模板选择技巧  北京的网站制作公司有哪些,哪个视频网站最好？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  建站主机选购指南：核心配置优化与品牌推荐方案  广东专业制作网站有哪些,广东省能源集团有限公司官网？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  如何在西部数码注册域名并快速搭建网站？  如何通过FTP服务器快速搭建网站？  C++如何编写函数模板？（泛型编程入门）  如何在建站之星网店版论坛获取技术支持？  如何快速配置高效服务器建站软件？  威客平台建站流程解析：高效搭建教程与设计优化方案  如何选择服务器才能高效搭建专属网站？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)