小程序数据格式化

概括

数据渲染时有时候需要对数据进行二次格式化处理，在这里微信小程序推出 View Filter ，filter 理解为管道加工处理, 你扔给我一组数据 经过各种不同类型的管道加工 产出新的数据 但是又不会影响修改原数据, 最终展示给用户。

这里我需要给一个数组数据的每一项字符串前后添加一个 “#” 号。例如：#标签1#，#标签2#，#标签3#

实现步骤

  • 先创建一个文件夹 filter ,然后创建一个wxs文件


    1580728457(1).jpg
  • 里面写上需要格式化的内容，并且暴露出来
var tagsfr ={
  gettags: function(str){
    var newdata = "#"+str+"#"
    return newdata
  }
}
module.exports = {
  gettag: tagsfr.gettags
}
  • 在需要使用的wxml上引入并使用
<wxs module="tagsformat" src="../../filter/tagsformat.wxs"></wxs>
<van-tag type="primary" size="large" wx:for="{{tags}}">{{tagsformat.gettag(item)}}</van-tag>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容