使用wxs 封装类似过滤器的小组件——小程序_

179 阅读1分钟

wxs过滤器分为两种,一种局部的一种全局的。

局部过滤

在wxs标签中设置属性module=组件名, 标签内写过滤规则,语法为 module.exports.过滤器名=function(val){ val.toUpperCase() } 内容转大写

使用局部过滤器时 *{{组件名.过滤器名.(内容)}}*
<wxs module="m1">
    module.exports.a=function(str){
        return str.toUpperCase()
    }
 </wxs>

全局过滤 在utils文件中定义.wxs后缀名的文件

举个栗子:比如要保留价格后两位 1.在.wxs文件中 通过变量 = 一个函数 然后返回函数的内容.toFixed(2) 然后再抛出 这个变量 (注意:要遵从小程序的语法规则,抛出的内容不能简写) 2.通过wxs 标签 的src属性获取实际路径 module = 组件名称

使用全局过滤器时 *{{组件名称.变量名称.(内容)}}*
//utils页面
var toFix=function(val){
    return val.toFixed(2)
}
module.exports={
    toFix:toFix
}
{{b.toFix(num)}}
<wxs src="../../../utils/文件名.wxs"  module="b" />