原生小程序中对特定数据进行计算(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>
相关推荐
博客zhu虎康8 小时前
小程序:实现下拉刷新和上拉加载更多功能
小程序
2501_9159090612 小时前
全面解析前端开发中常用的浏览器调试工具及其使用场景
android·ios·小程序·https·uni-app·iphone·webview
王者鳜錸17 小时前
企业解决方案十一-各类小程序定制开发
图像处理·人工智能·小程序·大模型·语音处理·定制开发
互联科技报17 小时前
商城小程序选择哪家平台比较好?预算有限也能选对!
大数据·小程序
小盼江18 小时前
Uniapp小程序鲜花商城推荐系统 买家卖家双端(web+uniapp)
前端·小程序·uni-app
盈建云系统18 小时前
小程序表单提交、input 双向绑定,最简洁写法
前端·小程序·apache
空中海1 天前
微信小程序 - 03 工程实践层与综合 Demo
微信小程序·小程序·notepad++
优睿远行1 天前
微信小程序云开发环境搭建与REST API混合架构实战
微信小程序·小程序
空中海2 天前
微信小程序 - 02 基础概念层与核心能力层
微信小程序·小程序
游戏开发爱好者82 天前
使用Fiddler设置HTTPS抓包诊断Power Query网络问题
android·ios·小程序·https·uni-app·iphone·webview