如何在方法 Vuejs 2 中循环？

Question

我在循环到 vuejs 方法时遇到问题。 我想将元素循环到购物车中，通过 axios 调用将其传递给 controller。

问题是方法内部似乎不允许循环：

餐厅.vue

        submitNewOrder() {
        let order_client = {
            user_id: this.restaurant.id,
            name: this.client.name,
            lastname: this.client.surname,
            address: this.client.address,
            phone: this.client.phone,
            email: this.client.email,
            total: this.total,
        };

        //do a loop of the cart to fetch all the dishes

        let order_dishes = {
            dishes: this.cart,
            foreach(dish in dishes){
                dish.restaurant_id = this.restaurant.id;
                dish.user_id = this.restaurant.id;
                dish.quantity = dish.quantity;
                dish.price = dish.price;
                dish.subtotal = dish.price * dish.quantity;
            }
        };

        axios
            .post("/api/orders/store", order_client)
            .post("/api/orders/store", order_dishes)
            .then((response) => {
                this.removeAllFromSession();
                this.hideCheckout();
            })
            .catch((error) => {
                console.log(error);
            });

订单控制器

public function store(Request $request)
{
    //validate data and fill
    $validatedOrderData = $request->validate([
        'user_id' => 'required|exists:users,id',
        'name' => 'required|max:50',
        'lastname' => 'required|max:50',
        'address' => 'required|max:100',
        'phone' => 'required|max:15',
        'email' => 'required|max:50',
        'total' => 'required|numeric',
    ]);

    $validatedOrderDishesData = $request->validate([
        'order_id' => 'required|exists:orders,id',
        'dish_id' => 'required|exists:dishes,id',
        'quantity' => 'required|numeric',
        'subtotal' => 'required|numeric',
    ]);


    $newOrder = new Order();
    $newOrder->fill($validatedOrderData);
    $newOrder->dishes()->attach($validatedOrderDishesData['dishes']);
    $newOrder->save();


}

Answer 1

据我所知，这条线似乎是罪魁祸首：

let order_dishes = {
        dishes: this.cart,
        
    };

从 object 中删除foreach并将其保留在 object 之外，应该可以解决问题。

        //let order_dishes = {
          //  dishes: this.cart,
        //};
        let dishes= this.cart;
        foreach(dish in dishes){
            dish.restaurant_id = this.restaurant.id;
            dish.user_id = this.restaurant.id;
            dish.quantity = dish.quantity;
            dish.price = dish.price;
            dish.subtotal = dish.price * dish.quantity;
        }

现在您可以将.post("/api/orders/store", order_dishes)替换为 .post("/api/orders/store", disces .post("/api/orders/store", dishes)