Vue.js 热量表刷新输入

Vue.js 热量表刷新输入,vue.js,Vue.js,我正在创建Vue.Js卡路里计数器应用程序,添加新项目后如何重置输入字段中的值 app.foodItems.push({ name: app.newFoodItems[0].name, calories: app.newFoodItems[0].calories, protein: app.newFoodItems[0].protein,

我正在创建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,
                });

添加新项目时,我希望刷新输入字段,以便用户可以从头开始输入新项目。

您可以在
app.foodItems.push中执行以下操作

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