小程序总结(十六)-用类似于filter功能的wxs更改页面的数据

需求: 将用户的身份证进行部分显示,隐藏的部分用*号代替
本来,是直接处理数据,不动wxml结构的,后边发现会影响页面的其他逻辑。
又想了一下,wxml又不能直接调用函数,后边发现有wxs可以处理类似于函数的功能。

wxs是在wxml页面写的js代码,用<wxs>标签包裹

<wxs module="m1">
  var showCardWithStar = function(type, cardno) {
    var cardNum = ''
    if (type == 1) {
      // 身份证
      cardNum = cardno.toString().substring(0,6) + "********" + cardno.toString().substring(14,cardno.toString().length)
    } else {
      cardNum = cardno.toString().substring(0, cardno.toString().length/2 - 1) + '***' + cardno.toString().substring(cardno.toString().length/2 + 2,cardno.toString().length)
    }
    return cardNum;
  }
  module.exports = {
    showCardWithStar: showCardWithStar
  }
</wxs>
......
<view>{{card_type[item.cardtype]}}: {{m1.showCardWithStar(item.cardtype, item.cardno)}}</view>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 7,479评论 0 9
  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,848评论 0 7
  • 一:理解视图层 类似于“视图引擎模板”(jsp,freemaker,velocity,thymeleaf等) 框...
    Reg8888阅读 1,525评论 1 0
  • 引言 WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 注意 w...
    OzanShareing阅读 1,473评论 0 3
  • 喵小馨阅读 241评论 0 1