小程序界面数据处理

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/bocongbo/article/details/86625651

有时候一个循环列表中展示的数据，需要做简单的处理，比如显示字符串第一个字，拆分字符串，保留两位小数等。又不想再写一次for循环，可以在wxml文档中处理。

1、新建一个公共的方法文件 utils/common.wxs

var filter = {
  getOneStr: function (value) {
    return value.substring(0, 1);
  },
  splitTag: function (value) {
    if (value == '' || !value){
      return [];
    } else {
      return value.split('<');
    }
  }
}

module.exports = {
  getOneStr: filter.getOneStr,
  splitTag: filter.splitTag
}

2、在wxml页面引用 pages/index/index

<wxs module="filter" src="../../utils/common.wxs"></wxs>

<view wx:for='{{list}}' wx:key=''>
  <view class='name'>{{filter.getOneStr(item.name)}}</view>
</view>