收藏
评论

使用computed替代wxs!

常常在wxml里面会有使用略微复杂的计算需求,如:

<view>{{name.split("").join("~")}}</view>

那目前只能是使用wxs了,但是wxs用起来实在挺麻烦的。


现在你可以用这个库来解决问题。


在添加computed装饰器后,在声明data数据的时候,使用get关键字来定义computed,如:

//...
data: {
      name: "Messi",
  
      get prettyName() {
        return this.name.split("").join("~");
      }
    },
//...
<view>{{prettyName}}</view>

就这样!


地址:https://github.com/b5156/wxapp-computed


在组件中使用,有官方包:https://github.com/wechat-miniprogram/computed

最后一次编辑于  2018-11-26  (未经腾讯允许,不得转载)
收藏赞 0

3 个评论

  • George (乔治) USA till 10.30
    George (乔治) USA till 10.30
    2018-11-23

    每次修改更新computed,而且不相关属性也更新?

    官方的包还有这个问题吗?

    2018-11-23
    赞同
    回复 1
    • 呼吸🎯
      呼吸🎯
      2018-11-26

      没用过官方的包,使用起来太麻烦

      2018-11-26
      回复
  • 翩若惊鸿
    翩若惊鸿
    2018-08-22

    已经支持了,https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/extend.html 拉到底部

    2018-08-22
    赞同
    回复 8
    • 呼吸🎯
      呼吸🎯
      2018-08-22

      太棒了!

      2018-08-22
      回复
    • 呼吸🎯
      呼吸🎯
      2018-08-23

      是用在自定义组件的,Page的还没有。

      2018-08-23
      回复
    • 猫5号
      猫5号
      2018-08-24

      官方提供的computed你敢用?每次修改更新computed,而且不相关属性也更新?不卡才怪

      2018-08-24
      回复
    • 翩若惊鸿
      翩若惊鸿
      2018-08-28回复猫5号

      为什么不敢用?你写一个呗,我用你的

      2018-08-28
      回复
    • 猫5号
      猫5号
      2018-08-28回复翩若惊鸿

      https://github.com/Alphmega/wx-proxy-component巧了,我可真写了,欢迎测试,要怼,手轻点

      2018-08-28
      1
      回复
    查看更多(3)
  • Pengkai
    Pengkai
    2018-08-20

    computed 官方有计划支持的

    2018-08-20
    赞同
    回复