快速上手

使用场景

在微信小程序中,wxml 的数据绑定仅支持简单运算,例如:三元表达式、算数运算、逻辑判断、字符串运算;不支持复杂的计算,比如: ArrayjoinpopsliceStringindexOf 等方法。但在实际开发中,需要在wxml中使用上述方法的场景还是挺多的。

因此我们将数组、字符串的常用方法封装到WXS快速上手 - 图1中,以方便在 wxml 中的使用。除此之外,还会封装一些常用的业务函数,比如:补零函数、动态设置class等。

快速使用

过滤器使用时,你可以在wxml中使用,也可以在wxs中封装自己的业务逻辑中使用,两种使用场景下的引入方式是不同的。

在wxml中使用

必须先引入,再使用。以使用 String 为例如下:

  1. <wxs src="../../../dist/filter/string.wxs" module="string"/>

注意事项

  • src 是相对路径
  • module 值用于调用过滤器的方法

在wxs中使用

必须先引入,再使用。以使用 String 为例如下:

  1. var string = require("../../../dist/filter/string.wxs");

注意事项

  • require 是相对路径

基础过滤器

String

Array

判断数据类型过滤器

业务型过滤器

未来计划

微信小程序从 2.4.4 开始支持WXS响应事件以提升频繁用户交互在小程序上的体验,但目前版本覆盖率比较低,具有兼容性问题。随着小程序2.4.4 以上版本使用率提升,我们会封装一些常用的WXS响应事件。