小程序 wepy2框架使用filters过滤 千位符过滤

需求:全部价格都用千位符过滤。

wepy2框架不支持vue的filters,只能使用小程序本身的wxs来快速解决这个需求。

1.新建filters.wxs文件,千位符参考博客:http://beteshis.com/6T2R

//单价增加千位符
function get_thousand_num(num){
    var regNum = getRegExp('\d+', 'g');
    var regThree = getRegExp('(\d{3})', 'g');
    return (num || 0).toString().replace(regNum, function (n) {
      var len = n.length;
      if (len % 3 === 0) {
        return n.replace(regThree, ',$1').slice(1);
      } else {
        return n.slice(0, len % 3) + n.slice(len % 3).replace(regThree, ',$1');
      }
    });
}

module.exports = {
    getThousandNum : get_thousand_num
}

2.在wpy中引入wxs文件 注意:wxs文件里的方法只能在template中使用,wxs不支持es6,具体用法参考小程序官方文档

<wxs src="../utils/filters.wxs" module="filters" />
<template>
  <div class="orderpanel">
    //直接在模版中使用方法
    <span class="orage">¥{
   
   {filters.getThousandNum(price)}}</span>
  </div>
</template>
<script>
   ...
</script>

猜你喜欢

转载自blog.csdn.net/z00001993/article/details/109326918
今日推荐