微信小程序 过滤html,微信小程序 使用filter过滤器几种方式

由于微信小程序 技术生态比较闭合，导致很多 现代前端框架很多积累出的成果都没有实现(可能未来会逐一实现). 用惯了现代 再耍小程序 总感觉很不顺手.

需要结果的请直接看最后的WXS

View Filter

filter 理解为管道加工处理, 你扔给我一组数据 经过各种不同类型的管道加工 产出新的数据 但是又不会影响修改原数据, 最终展示给用户.

现有前端框架filter一般:

time | dateTime('yyy-mm-dd')

使用 | 作为管道符 传递参数进行序列化

缺陷:

截止目前,小程序官方并没有管道实现方式,以下列出了替代几种方案，供大家选择使用.

###直接修改原数据 在请求完成之后 对返回值data进行一次数据处理 比如 抽象一个_formatListData方法对 返回进行二次处理.

_formatListData(list) {

return list.map((item) => {

let date = FormatUtil.getDateTime(item.childBirth);

item.filterChildBirth = `${date.y}-${date.M}-${date.d}`;

return item;

}

}

这种方式会给原数据添加新字段 filterChildBirth (原字段为 childBirth) . 最终展示也是