如何在vue中使用filter公共过滤器

今天就跟大家聊聊有关如何在vue中使用filter公共过滤器,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

公司主营业务:成都网站建设、网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出水磨沟免费做网站回馈大家。

首先在公用js中定义一个通用的filter.js,如下图所示,记得一定要把代码整个export出来

const vFilter={ 
 numFilter:function (value) { 
   // 截取当前数据到小数点后两位 
   let realVal = Number(value).toFixed(2) 
   return realVal 
  } 
 } 
export default vFilter

•然后在main.js中引入

import vueFilter from './js/filter' 
for (let key in vueFilter){ 
 Vue.filter(key,vueFilter[key]) 
}

•这样我们就可以在模板中尽情使用啦,比如说

¥{{goodsItem.goodsPrice|numFilter}}

看完上述内容,你们对如何在vue中使用filter公共过滤器有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


本文标题:如何在vue中使用filter公共过滤器
本文网址:http://bzwzjz.com/article/gecooo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 成都网站制作 网站制作 网站建设开发 专业网站设计 成都网站制作 app网站建设 上市集团网站建设 网站制作 成都网站建设 手机网站制作 移动手机网站制作 成都网站建设 重庆电商网站建设 成都网站设计 成都营销网站建设 成都网站建设 成都网站设计 企业网站制作 H5网站制作 攀枝花网站设计 成都网站建设