善用wxs,让代码更简洁、易维护!(类computed)
场景:
在wxml里做运算时得到一大串小数点,虽然使用js也能解决,但在多层条件下使用js处理数值就很难受(亲身体会),比如计算多层规格的商品价格,需要判断当前有多少层规格,并索引到该规格再结合数量计算。
用途:
在wxml里处理使用js处理数据的展示。
好处:
- 简洁展示,不需繁琐的js处理
- 逻辑复用、维护方便
- 只展示,不破坏源数据
常用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
};
效果展示: