zoukankan      html  css  js  c++  java
  • 微信小程序踩坑(三) —— 在小程序中使用过滤器

    新建filter.wxs文件

    在你想放置过滤器的目录下,创建xxx(你的文件命名).wxs文件,可以放在工具类或者是新建过滤器文件夹。

    写过滤器

    // 使用var定义一个json开头 将所有的过滤器写在unit中
    var unit = {
      // 定义一个函数作为过滤器 参数text为传来的原始值
      reduceSecond: function(text) {
        if(text !== '' && text != undefined) {
          // 操作之后再将值return回去
          return text.substring(0, text.length - 3);
        } else {
          return text
        }
      }
    }
    
    // 导出过滤器 这段代码必写
    module.exports = {
      // 格式为 导出的名字: json名字.函数名字 
      reduceSecond: unit.reduceSecond
    }
    

    调用过滤器

    在需要使用过滤器的wxss文件中, 引用过滤器

    <!-- src为filter.wxs的路径 绝对相对都可以 -->
    <wxs module="filter" src="../../../../filter/filter.wxs" />
    
    <view>{{filter.reduceSecond(item.text)}}</view>
    
  • 相关阅读:
    LESS的简单介绍
    实例化对象的过程
    原生的AJAX
    http基础
    display的属性值测试
    js中arguments的简单用法
    JS数组控制台排序
    js中使用switch的语法结构和意义
    js入门—控制台输出console.log
    css入门—position详解
  • 原文地址:https://www.cnblogs.com/lzb1234/p/12533136.html
Copyright © 2011-2022 走看看