# 快速上手
# 使用场景
在微信小程序中,wxml
的数据绑定仅支持简单运算,例如:三元表达式、算数运算、逻辑判断、字符串运算;不支持复杂的计算,比如: Array
的 join
、 pop
、slice
,String
的 indexOf
等方法。但在实际开发中,需要在wxml
中使用上述方法的场景还是挺多的。
因此我们将数组、字符串的常用方法封装到WXS (opens new window)中,以方便在 wxml
中的使用。除此之外,还会封装一些常用的业务函数,比如:补零函数、动态设置class等。
# 快速使用
过滤器使用时,你可以在wxml
中使用,也可以在wxs
中封装自己的业务逻辑中使用,两种使用场景下的引入方式是不同的。
# 在wxml中使用
必须先引入,再使用。以使用 String
为例如下:
<wxs src="../../../dist/filter/string.wxs" module="string"/>
注意事项
src
是相对路径module
值用于调用过滤器的方法
# 在wxs中使用
必须先引入,再使用。以使用 String
为例如下:
var string = require("../../../dist/filter/string.wxs");
注意事项
require
是相对路径
# 基础过滤器
# String
# Array
# 判断数据类型过滤器
# 业务型过滤器
# 未来计划
微信小程序从 2.4.4
开始支持WXS响应事件以提升频繁用户交互在小程序上的体验,但目前版本覆盖率比较低,具有兼容性问题。随着小程序2.4.4
以上版本使用率提升,我们会封装一些常用的WXS响应事件。