微信小程序中实现类似VUE中的过滤器

最新推荐文章于 2024-04-25 17:11:22 发布

CherryLee_1210

最新推荐文章于 2024-04-25 17:11:22 发布

阅读量345

点赞数

分类专栏：小程序文章标签：过滤器小程序

本文链接：https://blog.csdn.net/cherrylee_1210/article/details/113999415

版权

小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

微信提供了WXS文件，其中可以使用模块，即使用module.exports导出。
例如我们将后端同学返回的时间戳在前端展示成yyyy-MM-dd的格式，需要在utils文件中新建formatDate.wxs文件。
注：wxs文件中不支持ES6+语法

formatDate.wxs

// 过滤方法
function formatDate(date) {
	var date = getDate(date);
	return date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate();
}
// 导出方法
module.exports = {
	formatDate: formatDate
}

<!-- 首先页面引入 formatDate.wxs -->
<wxs src="../../utils/formatDate.wxs" module="tools" />

<view wx:for="dateListInfo" wx:key="id">
	<view>{{tools.formatDate(item.date)}}</view>
</view>