微信小程序踩坑(三) —— 在小程序中使用过滤器

摘要:
创建新过滤器。wxs文件。创建xxx。wxs文件,可以放在工具类或新的过滤器文件夹中。

新建filter.wxs文件

在你想放置过滤器的目录下,创建xxx(你的文件命名).wxs文件,可以放在工具类或者是新建过滤器文件夹。
微信小程序踩坑(三) —— 在小程序中使用过滤器第1张

写过滤器

// 使用var定义一个json开头 将所有的过滤器写在unit中
var unit = {
  // 定义一个函数作为过滤器 参数text为传来的原始值
  reduceSecond: function(text) {
    if(text !== '' && text != undefined) {
      // 操作之后再将值return回去
      return text.substring(0, text.length - 3);
    } else {
      return text
    }
  }
}

// 导出过滤器 这段代码必写
module.exports = {
  // 格式为 导出的名字: json名字.函数名字 
  reduceSecond: unit.reduceSecond
}

调用过滤器

在需要使用过滤器的wxss文件中, 引用过滤器

<!-- src为filter.wxs的路径 绝对相对都可以 -->
<wxs module="filter" src="http://t.zoukankan.com/filter/filter.wxs" />

<view>{{filter.reduceSecond(item.text)}}</view>

免责声明:文章转载自《微信小程序踩坑(三) —— 在小程序中使用过滤器》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇JS获取url参数Navicat 创建mysql存过、定时执行存过下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

【转】QImage 图像格式小结

构造图像:,QImagemyImage1=QImage;根据文件名打开图像。如果图像本身是32位或24位,则程序中的图像是32位。如果图像本身是8位或1位,则程序中的对应图像是8位或者1位。宽度表示图像宽度,高度表示图像高度。...

element 导航菜单 控制路由跳转

处理中心&lt;我的平台&lt;templateslot=“title”&gt;选项1&lt;el menu itemindex=“2-4-3”&gt;选项3&lt;消息中心&lt;el menu itemindex=“4”&gt;//www.ele.me“rel=”externalnofall...

ESXi挂载NFS共享存储

使用万兆交换机,ESXi使用NFS协议连接存储。本文介绍的是通过NFS协议挂载共享存储上的VS01卷,共享存储上已经赋予ESXi主机访问该卷的权限。...

【JVM】元空间详解 Metaspace

nocs。JpgNoKlassisMetaspaceNoKlassinMetaspaces专用于存储其他与klass相关的内容,如方法、常量池等。它可以由多个不连续的存储器组成。在元空间GC之后,还将调整阈值。默认情况下,MaxMetaspaceSize基本上是无限的,因为大多数元空间都是在本地内存中分配的,但它仍然受到本地内存大小的限制。为了防止元空间的无...

java--枚举

前言:Java中的enum也是一种类类型,它与一般类的区别在于1.世界上只有一个实例2.不能有公共构造函数3。您不能继承和继承枚举事例publicenumHttpCode{SUCCESS(200,“操作成功”)。//定义的每个枚举项都等效于通过构造函数HttpCode(int code,Stringmessage)实例化没有枚举项的通用HttpCo...

es6 proxy浅析

代理用于定义用户定义的基本操作行为,如搜索、分配、枚举、函数调用等。代理接受要代理的目标对象和一些包含元操作的对象,为要代理的对象创建“屏障”,拦截所有操作,并将其重定向到用户定义的元操作对象。然而,proxy提供了一种更好的方法来实现类似的私有属性constenablePrivate==˃newProxy(target,{has:(obj,k)=˃(!pr...