原生小程序中对特定数据进行计算(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>
相关推荐
咖啡の猫15 小时前
微信小程序页面事件
微信小程序·小程序·notepad++
咖啡の猫16 小时前
微信小程序网络数据请求
网络·微信小程序·小程序
object not found17 小时前
基于uniapp开发小程序自定义顶部导航栏状态栏标题栏
前端·javascript·小程序·uni-app
咸虾米_19 小时前
uniapp引入iconfont字体图标在微信小程序中适用
微信小程序·小程序·uni-app
咖啡の猫19 小时前
微信小程序页面导航
微信小程序·小程序
小咕聊编程19 小时前
【含文档+PPT+源码】基于微信小程序的点餐系统的设计与实现
微信小程序·小程序
2501_915918411 天前
如何在iPad上找到并打开文件夹的完整指南
android·ios·小程序·uni-app·iphone·webview·ipad
shejizuopin2 天前
基于Spring Boot+小程序的非遗科普平台设计与实现(毕业论文)
spring boot·后端·小程序·毕业设计·论文·毕业论文·非遗科普平台设计与实现
StarChainTech2 天前
一站式租车平台革新:从信用免押到全流程可视化管理的技术实践
大数据·人工智能·微信小程序·小程序·软件需求
CHU7290352 天前
一番赏盲盒抽卡机小程序:探索惊喜与互动的多元功能体验
小程序