评论

善用wxs,让代码更简洁、易维护!(类computed)

在wxml里处理使用js处理数据的展示,实现类computed功能。

场景:

在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

最后一次编辑于  2020-03-17  
点赞 1
收藏
评论

2 个评论

  • TNT
    TNT
    2020-03-19

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


    2020-03-19
    赞同 1
    回复 1
    • 小肥羊🍊
      小肥羊🍊
      2020-07-10
      这名字起得,怎么想到是filter??哪里有体现??
      2020-07-10
      回复
  • Wang
    Wang
    2020-03-17

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

    2020-03-17
    赞同
    回复 1
    • 李伟豪
      李伟豪
      2020-03-17
      对,跟filter也非常像,不过调用更像computed。
      2020-03-17
      回复
登录 后发表内容