微信小程序使用“computed“处理数据 微信开发者工具

微信小程序中是没有computed计算属性方法的，需要手动创建一个类似的方法。

比如，需要在wxml文件中将循环中的item进行处理，如在电话中间4位用星号代替。（13300001234==>133****1234）

1. 在utils文件夹里创建一个computed.wxs文件
2. 创建方法

var hidePhone = function (val) {
 var res = val.substring(0, val.length - 8) + '****' + val.substring(val.length - 4, val.length)
 return res
}

module.exports = {
 hidePhone: hidePhone
}

需要注意：有些常见的js方法在wxs里边用不了，或者有其他写法。不生效时，网上查下是不是需要换种写法。

3. 在目标html页面引入（省略循环代码）

<wxs src="../../../utils/computed.wxs" module="computed" />
<view wx:if="{{item.phoneNo}}"> {{computed.hidePhone(item.phoneNo)}} </view>