原生小程序中对特定数据进行计算(wxml中wxs的使用)

背景:商品详情页对好评数进行统计,但是现在只有商品数据

使用wxs编写方法,module.exports导出,wxml中使用module名进行获取{{goodsRate.getRate(goodsInfoList)}}

html 复制代码
<wxs module="goodsRate">
    module.exports = {
      getRate: function (goodsInfoList) {
        if (!goodsInfoList || !goodsInfoList.basicInfo) {
          return "100"
        }
        var goodReputation = goodsInfoList.basicInfo.numberGoodReputation / goodsInfoList.basicInfo.numberOrders * 100
        goodReputation = goodReputation.toFixed(0)
        return goodReputation
      }
    }
  </wxs>
  <view id="goods-rate" class="goods-rate-box">
    <view class="label-title">
      <view class="left">宝贝评价 {{basicInfo.numberGoodReputation}}</view>
      <view class="right">好评度:{{goodsRate.getRate(goodsInfoList)}}%</view>
    </view>
  </view>
相关推荐
EatFan10 小时前
Java接入支付宝 JSAPI 支付保姆教程(二):流程讲解与前后端代码讲解
前端·spring boot·后端·微信小程序·小程序·uni-app
m0_587383002 天前
折扣卡CPS系统源码的技术架构与实战开发指南
人工智能·小程序·数据挖掘·系统架构·需求分析
2501_915106322 天前
苹果App Store上架费用及流程全面解析
android·ios·小程序·https·uni-app·iphone·webview
T01156182 天前
全栈项目实战手记|艺培场馆课时预约小程序全项目开发历程完整复盘总结
运维·服务器·小程序
lhldsg2 天前
多商户团购系统源码:技术架构选型与二次开发实战指南
java·小程序·架构
2601_949950632 天前
一套小程序,解决资料整理、在线刷题和错题复盘
人工智能·小程序·刷题·练习·小程序推荐
白远山2 天前
智慧场馆解决方案小程序系统开发实战与架构设计指南
java·开发语言·小程序·架构
Rooting++3 天前
小程序{{ }}和vue{{ }}语法的区别
前端·vue.js·小程序
博、、3 天前
折扣卡CPS系统源码实战开发指南:从架构设计到落地部署全解析
小程序·需求分析
lhldsg3 天前
折扣卡CPS小程序定制全流程实战指南:从需求分析到上线部署
java·前端·小程序