账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vuejs ,获取对象里到值循环累加问题
    36
    0
    carts=["goods_list": {
        "charm祺舰店": [
                        {
                            "shop": "charm祺舰店",
                            "id": 51,
                            "url": "http://gd3.alicdn.com/imgextra/i4/2945370550/TB2mBzscYSYBuNjSspfXXcZCpXa_!!2945370550.jpg_400x400.jpg",
                            "name": "衬衫2018新款小衫上衣女装宽松韩版百搭春秋超仙甜美长袖女雪纺衫",
                            "price": "169.00",
                            "quantity": 1,
                            "attr": "尺码:2XL 颜色分类:黑色",
                            "cn_base_ship": "10.00",
                            "rec_type": 0,
                            "remark": null,
                            "img": "http://gd3.alicdn.com/imgextra/i4/2945370550/TB2mBzscYSYBuNjSspfXXcZCpXa_!!2945370550.jpg_400x400.jpg",
                            "is_fba": 0,
                            "sn": "TAOBAO_565168354699",
                            "goods_total": "169.00",
                            "checked": false
                        },
                        {
                            "shop": "charm祺舰店",
                            "id": 52,
                            "url": "http://gd3.alicdn.com/imgextra/i4/2945370550/TB2mBzscYSYBuNjSspfXXcZCpXa_!!2945370550.jpg_400x400.jpg",
                            "name": "衬衫2018新款小衫上衣女装宽松韩版百搭春秋超仙甜美长袖女雪纺衫",
                            "price": "169.00",
                            "quantity": 1,
                            "attr": "尺码:2XL 颜色分类:白色",
                            "cn_base_ship": "10.00",
                            "rec_type": 0,
                            "remark": null,
                            "img": "http://gd3.alicdn.com/imgextra/i4/2945370550/TB2mBzscYSYBuNjSspfXXcZCpXa_!!2945370550.jpg_400x400.jpg",
                            "is_fba": 0,
                            "sn": "TAOBAO_565168354699",
                            "goods_total": "169.00",
                            "checked": false
                        }
                        ],
        "东莞市龙企日用品有限公司": [
                                {
                                    "shop": "东莞市龙企日用品有限公司",
                                    "id": 53,
                                    "url": "https://cbu01.alicdn.com/img/ibank/2017/312/250/7378052213_663451055.jpg",
                                    "name": "黑色经典28包装本色纸餐巾纸卫生纸竹纤维纸抽纸小规格270张包邮",
                                    "price": "2.90",
                                    "quantity": 1,
                                    "attr": "None",
                                    "cn_base_ship": "10.00",
                                    "rec_type": 0,
                                    "remark": null,
                                    "img": "https://cbu01.alicdn.com/img/ibank/2017/312/250/7378052213_663451055.jpg",
                                    "is_fba": 0,
                                    "sn": "1688_562251109331?scm=1007.17269.96789.0",
                                    "goods_total": "2.90",
                                    "checked": false
                                }
                                ]
                            }]
            calcTotalmoney: function () {
                var self = this;
                var totalMoney =  0;
                this.carts.forEach(function (item) {
                    item.forEach(function (g) {
                        self.totalMoney += g.price * g.quantity;
                    });
                });
            }
    错误提示是 carts.forEach is not function

    想得出循环累加 单价 * 数量。。。 谢谢

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 红黄蓝绿青靛紫 普通会员 1楼

      在 Vue.js 中,你可以使用 v-for 循环遍历对象的属性,并在每次循环中累加对应属性的值。以下是一个简单的示例:

      ```html

      ```

      在这个示例中,我们首先定义了一个包含多个对象的数组。然后,我们在模板中使用 v-for 循环遍历这个数组,并在每次循环中累加对应属性的值。

      例如,如果我们有一个对象,它有三个属性:value 和 index,我们可以在模板中像这样累加这些值:

      ```html

      ```

      这将生成一个包含以下元素的列表:

      value: 1 + 0 = 1 value: 2 + 1 = 3 value: 3 + 2 = 5 value: 4 + 3 = 7

      这就是如何在 Vue.js 中使用 v-for 循环累加对象的属性。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部