最近開發(fā)小程序，有許多數(shù)據(jù)格式需要自己處理，就使用到了wxs，遇到了一些坑，分享給大家。如果有問題歡迎指出交流

從建立文件開始

首先在utils文件夾下新建一個(gè)filter.wxs文件

按照官方文檔給出的寫一個(gè)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: '前端小喵'

頁面顯示

運(yùn)用到實(shí)際項(xiàng)目中

根據(jù)實(shí)際項(xiàng)目實(shí)現(xiàn)一個(gè)時(shí)間格式化，代碼書寫如下：

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

運(yùn)用到實(shí)際項(xiàng)目中

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

頁面顯示如下：

遇到的問題

• 只能用var來定義變量
• 使用new Date()會(huì)報(bào)錯(cuò)替換成getDate()

感謝您

• 如果覺得這篇文章對您有幫助的話，動(dòng)一動(dòng)小手點(diǎn)著贊吧
• 有問題可關(guān)注我的公眾號(hào) 前端小喵，回復(fù)“加入”加我微信，我們一起交流學(xué)習(xí)，有問題歡迎指正。