扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
推荐使用功能更全的 SJS 功能。Filter 功能将不再更新,请勿在
s-if
、s-for
、template
、自定义组件等标签中使用。
Filter 是小程序的过滤器,结合 SWAN 模板,可以构建出页面的结构。
成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、成都网站建设、仁布网络推广、重庆小程序开发、仁布网络营销、仁布企业策划、仁布品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供仁布建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com
filter 代码有两种编写方式:
标签内,直接在该 swan 文件中通过module.fn
的形式进行方法调用,例如代码示例 1;filter
标签的 src 进行引入,例如代码示例 2。
标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。标签可以是双闭合
或者单闭合
,带有 src 属性的标签,过滤器代码要写到相应的文件里,不带有 src 属性的标签,过滤器代码写在标签内。
属性名 | 类型 | 说明 |
---|---|---|
src | String | 引用 .filter.js 文件的相对路径 |
module | String | 当前 标签的模块名,必填字段 |
filter 逻辑代码使用export default
的形式导出封装的一系列方法。
代码示例
export default {
Foo: () => {
return 'swan-foo-filter';
},
Bar: () => {
return 'swan-bar-filter';
}
}
代码示例 1
{{swan.message()}}
export default {
message: function() {
return 'Hello world';
}
}
页面输出:
Hello world
代码示例 2
在开发者工具中打开
在开发者工具中打开
在 WEB IDE 中打开
// index.js
Page({
data: {
array: [1, 3, 6, 8, 2, 0]
}
});
// index.filter.js
export default {
maxin: arr => {
var max = undefined;
for (var i = 0; i < arr.length; ++i) {
max = max === undefined ?
arr[i] :
(max >= arr[i] ? max : arr[i]);
}
return max;
}
};
{{swan.maxin(array)}}
页面输出:
8
Filter 的注释与 swan 模板文件的注释方式相同。
代码示例
Filter 支持 javascript 所有运算符、语句、数据类型和基础类库。
A:不支持。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流