taro computed计算购物车总价在Iphone8出现NaN

cld4siwp  于 4个月前  发布在  其他
关注(0)|答案(2)|浏览(41)

相关平台

微信小程序

小程序基础库: 2.19.2
使用框架: Vue 3

复现步骤

const cartList = [{name:'test',price:100},{name:'test',price:200},{name:'test',price:300}]
const totalPrice = computed(()=>{
return cartList.reduce((total, item) => {
console.log(item);
return total + item.price * item.quantity;
}, 0);
})

开发者工具打印3次,item;在iphone8上面打印出来的是cartList,1次

期望结果

打印3次item

实际结果

打印1次cartList

环境信息

Taro CLI 3.3.2 environment info:
    System:
      OS: macOS 11.3.1
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 14.5.0 - /usr/local/bin/node
      Yarn: 1.22.4 - /usr/local/bin/yarn
      npm: 6.14.5 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 3.3.2 => 3.3.2 
      @tarojs/components: 3.3.2 => 3.3.2 
      @tarojs/mini-runner: 3.3.2 => 3.3.2 
      @tarojs/runtime: 3.3.2 => 3.3.2 
      @tarojs/taro: 3.3.2 => 3.3.2 
      @tarojs/webpack-runner: 3.3.2 => 3.3.2 
      babel-preset-taro: 3.3.2 => 3.3.2 
      eslint-config-taro: 3.3.2 => 3.3.2

补充信息

微信版本8.0.9
IOS版本11.0.1,
taro-cli更新到最新3.3.12也是一样

a2mppw5e

a2mppw5e1#

感觉是 reduce 的兼容性问题,可以换一个遍历方法试试

gev0vcfq

gev0vcfq2#

@Chen-jj 我试过其他也是一样,比如map,forEach

相关问题