原生小程序中对特定数据进行计算(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>
相关推荐
weixin_lynhgworld22 分钟前
电商营销新风口,淘宝扭蛋机小程序引爆流量与转化
小程序
2501_933907212 小时前
宁波小程序公司提供专业的小程序开发服务
科技·微信小程序·小程序
杰建云1672 小时前
小程序搭建如何影响企业数字化转型
小程序·小程序制作
2501_915918412 小时前
iOS App 拿不到数据怎么办?数据解密导出到分析结构方法
android·macos·ios·小程序·uni-app·cocoa·iphone
车轮滚滚__2 小时前
名片小程序 h5
小程序
2501_916008892 小时前
iOS App 抓包看不到内容,从有请求没数据一步步排查
android·ios·小程序·https·uni-app·iphone·webview
升鲜宝供应链及收银系统源代码服务2 小时前
生鲜配送供应链管理系统源代码之升鲜宝社区团购商城小程序(一)
java·前端·数据库·小程序·notepad++·供应链系统源代码·多门店收银系统
淑子啦3 小时前
3D走马灯(网页&&小程序)
react.js·3d·小程序
扶苏10023 小时前
记一次 uni-app开发微信小程序 textarea 的“伪遮挡”踩坑实录
微信小程序·小程序·uni-app
Greg_Zhong3 小时前
认识前端自动化测试、小程序中如何实现单元测试
前端·小程序·单元测试