善用wxs,让代码更简洁、易维护!(类computed)
发布于 4 年前 作者 wqiao 3973 次浏览 来自 分享

场景:

在wxml里做运算时得到一大串小数点,虽然使用js也能解决,但在多层条件下使用js处理数值就很难受(亲身体会),比如计算多层规格的商品价格,需要判断当前有多少层规格,并索引到该规格再结合数量计算。


用途:

在wxml里处理使用js处理数据的展示。

好处:

  1. 简洁展示,不需繁琐的js处理
  2. 逻辑复用、维护方便
  3. 只展示,不破坏源数据

常用tools.wxs:

function toFixed(num, bit = 0, isNum = false{
  if (isNaN(num)) {
    return ''
  } else if (isNum) {
    return (num.toFixed(bit) - 0)
  } else {
    return num.toFixed(bit)
  }
}

function splice(str = '', start, end{
  return str.slice(start, end)
}

module.exports = {
  toFixed: toFixed,
  splice: splice
};

效果展示:

代码片段:https://developers.weixin.qq.com/s/t2ApAUm57nfZ

2 回复

我已经习惯叫他filter.js 😂。头条没有这个功能,我还去他们社区问 有没有filter.js

这不是类computed,是filter过滤器吧

回到顶部