码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2019-06-18 12:29:32      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:vue   return   com   ports   too   处理   bsp   tools   UNC   

 

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

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


 

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

标签:vue   return   com   ports   too   处理   bsp   tools   UNC   

原文地址:https://www.cnblogs.com/wiliam/p/11044374.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!