微信小程序过滤功能实现

滑稽的2026-01-24 12:36

方法一：在当前页面实现

html 复制代码

//    wxml文件
<wxs module="mytest">
    function nodeNmFilter (codeSet) {
    var a
    switch (codeSet) {
      case '1':
        a = '已预约'
        break;
      case '2':
        a = '已确认，待受理'
        break;
      case '3':
        a = '受理中'
        break;
    }
    return a;
  }

module.exports = {
  nodeNmFilter: nodeNmFilter,
};
</wxs>
<view>{{mytest.nodeNmFilter("1")}}</view>

方法二：建立新页面实现

1.建立新文件（.wxs文件）

// wxs文件 filter.wxs

html 复制代码

    function nodeNmFilter (codeSet) {
    var a
    switch (codeSet) {
      case '1':
        a = '已预约'
        break;
      case '2':
        a = '已确认，待受理'
        break;
      case '3':
        a = '受理中'
        break;
    }
    return a;
  }

module.exports = {
  nodeNmFilter: nodeNmFilter,
};

2.在（.wxml文件里引用）

html 复制代码

//    wxml文件
<wxs src="../../../utils/filter.wxs" module="mytest" />
<view>{{mytest.nodeNmFilter("1")}}</view>

3.效果展

注意：

只支持 es5 语法，不支持 es6 语法
数据类型只有 number、string、boolean、object、function、array、data、regexp 类型，没有null 和 undefined
在 wxs 文件中可以引用其他的 wxs 文件，但是只能使用 require 引入
wxs 文件中不能像 js 一样使用正则，如果要使用正则，要使用小程序独有的getRegExp