微信小程序使用wxs实现过滤器避免踩坑

最近开发小程序，有许多数据格式需要自己处理，就使用到了wxs，遇到了一些坑，分享给大家。如果有问题欢迎指出交流

从建立文件开始

首先在utils文件夹下新建一个filter.wxs文件

按照官方文档给出的写一个demo

var foo = "'hello world' from comm.wxs";
var bar = function(d) {
  return d;
}
module.exports = {
  foo: foo,
  bar: bar
};

wxml中引入

<wxs module="filter" src="../../utils/filter.wxs" />

使用

<view>{{filter.bar(str)}}</view>

js中定义

str: '前端小喵'

页面显示

运用到实际项目中

根据实际项目实现一个时间格式化，代码书写如下：

var formatTime = function (data) {
  var day = ''
  if(data) {
    day = data.substring(0, 10);
  }
  return day
}

运用到实际项目中

<text class="time">{{filter.formatTime(item.create_time)}}</text>

页面显示如下：

遇到的问题

• 只能用var来定义变量
• 使用new Date()会报错替换成getDate()

感谢您

• 如果觉得这篇文章对您有帮助的话，动一动小手点着赞吧
• 有问题可关注我的公众号 前端小喵，回复“加入”加我微信，我们一起交流学习，有问题欢迎指正。