vue.js - 卡路里计刷新输入

Question

我正在创建 Vue.Js 卡路里计数器应用程序，如何在添加新项目后重置输入字段中的值？

app.foodItems.push({
                    name: app.newFoodItems[0].name,
                    calories: app.newFoodItems[0].calories,
                    protein: app.newFoodItems[0].protein,
                    fats: app.newFoodItems[0].fats,
                    carbs: app.newFoodItems[0].carbs,
                });

当我添加新项目时，我想刷新输入字段，以便用户可以从头开始输入新项目。

Answer 1

您可以在 app.foodItems.push

中执行类似以下操作

                app.newFoodItems[0].name = '';
                app.newFoodItems[0].calories = '';
                app.newFoodItems[0].protein = '';
                app.newFoodItems[0].fats = '';
                app.newFoodItems[0].carbs = '';