过滤器总结 微信小程序和百度智能小程序和vue过滤器

Posted 2022-01-20 wiliam

 

     因为最近写了微信小程序和百度小程序，用到了过滤器，感觉还挺好用的，所以就来总结一下，希望能帮到你们。

1. 微信小程序过滤器：

     1.1：首先建一个单独的wxs后缀的文件，一般放在utils文件夹里面。这里我命名为imgFilter.wxs(因为我项目里是用来处理图片的，哈哈)

 

     1.2：写代码，为了方便理解，下面是一个简单的返回一个字符串拼接，当然里面的函数你想怎么处理都行，这里主要介绍思路和基本实现。

var bar = function (x) 
     return ‘hello‘+ x;


module.exports = 
       bar: bar,
//这里的第一个bar是你要输出的名字，第二个bar是上面那个函数，写一样的就不要考虑这么多
;

 　　1.3：定义好后就可以用了，在你需要使用的 .wxml页面引入：

 <wxs src="../../utils/imgFilter.wxs" module="tools" />
 //要声明module等于一个你自己定义的名字，我这里写tools