最近開發(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è)面顯示
運(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>
頁(yè)面顯示如下：
遇到的問題
- 只能用var來定義變量
- 使用new Date()會(huì)報(bào)錯(cuò)替換成getDate()
感謝您
- 如果覺得這篇文章對(duì)您有幫助的話留晚，動(dòng)一動(dòng)小手點(diǎn)著贊吧
- 有問題可關(guān)注我的公眾號(hào) 前端小喵酵紫，回復(fù)“加入”加我微信，我們一起交流學(xué)習(xí)错维，有問題歡迎指正奖地。
