微信小程序——在小程序中实现过滤函数

在Vue中我们可以使用filter函数来实现管道过滤器，那么在小程序中是如何实现的呢？

我使用过滤器的原因是，不想写在本page的js里面，这样在其他page想要用这个方法的时候，就要再次定义一次，成本太高。所以想写在一个公共的文件中，当哪个页面想要使用这个方法时，可以直接引入使用，像Vue中一样。

查看微信开放文档，发现了一个wxs文件，接下来的实例，是使用wxs文件来实现对距离进行格式化的方法：

第一步：创建wxs方法

在utils文件夹下，新建filter.wxs文件

utils/filter.wxs:

var filterDistance=function(dis){
  if(dis<= 999){
    return dis+'m'
  }else if(dis>999){
    return (dis/1000).toFixed(2)+'km'
  }
}
module.exports = {
  filterDistance:filterDistance
}

第二步：使用

在使用该方法的页面的wxml文件中使用：

xx.wxml文件中：

<wxs src="./../../../utils/filter.wxs" module="filterDistance"/>
<text class="groups-right-position-item">
	{{filterDistance.filterDistance(staff.schools[0].distance)}}
</text>

第三步：效果

记录留档，希望可以帮助到你。
努力过的每一分钟都是有意义的。