微信小程序 -- wxs模块：实现类似于vue中的filter过滤器功能

星星之火M

于 2019-07-23 16:20:40 发布

阅读量2.4k

点赞数 2

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/qq_41638795/article/details/96978347

本文对比了Vue中的filter过滤器和微信小程序中WXS模块如何实现类似功能。在Vue中，过滤器可以通过全局定义实现数据的处理。而在小程序中，WXS作为一个独立的模块，通过module.exports导出函数供外部调用，以此实现过滤数据的效果。文章提供了WXS的使用注意事项和代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在vue中，我们知道有个filter过滤器可以对页面数据进行过滤。

如下，先把方法都统一写在一个filters.js文件中，然后在main.js中循环定义全局的过滤器。

filters.js

//格式化价格
exports.formatMoney = function(value){
    if(value || value == 0){
        value = Number(value)
    	return '￥' + value;
    }
}

main.js

//注册filter
import filters from './filters/filters.js'
Object.keys(filters).forEach(key => Vue.filter(key, filters[key]))

使用格式：数据 | 方法

在小程序中，WXS模块可以实现类似vue过滤器一样效果的功能。

200万优质内容无限畅学