Javascript 使用VueJS上的按钮递增时未更新输入

我有两个组件叫OrderComponent和ModalOrder（使用vue modal js）

我将数据从OrderComponent传递到ModalOrder，在ModalOrder中，我使用一个输入标记来包含订购的数量，并使用按钮来增加其值，如下所示

在我的脚本标签中

//ModalOrder.vue
导出默认值{
名称：“ModalOrder”，
方法：{
开放前（活动）{
//如果有从OrderComponent传递的数据，我将其放入“order”数据中
this.order=event.params
//如果没有数据通过新记录传递，我必须将默认值设置为0
如果（this.order.quantity_ordered==未定义）{
this.order.quantity_ordered=0
}
},
...
增量（）{
this.order.quantity_ordered+=1
//如果是新记录，此方法将不会增加输入UI
},
},
数据（）{
返回{
订单：{
代码：“”，
表名称：“”，
客户名称：“”，
员工姓名：“”，
菜单名称：“”，
订购数量：''
},
}
}
}

我的问题是，每当我想要创建一个新的订单数据时，当我单击按钮以增加时，输入值UI并没有增加

---

提前感谢您。

您正在成为Vue的一个

Vue无法检测属性的添加或删除

因此，对于新记录，在将新值分配给

order

this.order={
订购数量：0，
…event.params//如果此处设置了“订购数量”，它将覆盖默认值。
}

或者在之后动态地设置它

如果（this.order.quantity_ordered==未定义）{
此.$set（此.order，'订购数量'，0）
}

---

如注释中所述，如果数据属性是数字属性，则还应将其默认为

0

数据：（）=>({
代码：“”，
表名称：“”，
客户名称：“”，
员工姓名：“”，
菜单名称：“”，
订购数量：0/您正在成为Vue的一个

Vue无法检测属性的添加或删除

因此，对于新记录，在将新值分配给
order

this.order={
订购数量：0，
…event.params//如果此处设置了“订购数量”，它将覆盖默认值。
}

或者在之后动态地设置它

如果（this.order.quantity_ordered==未定义）{
此.$set（此.order，'订购数量'，0）
}


如注释中所述，如果数据属性是数字属性，则还应将其默认为
0

数据：（）=>({
代码：“”，
表名称：“”，
客户名称：“”，
员工姓名：“”，
菜单名称：“”，
订购数量：0//尝试将
订购数量
初始化为数字而不是字符串，即
订购数量：0
我在这里包括了视频预览
事件的值。新订单的参数
值是多少？
空
，
未定义
？尝试将
订购数量
初始化为数字而不是字符串ing即
订购数量：0
我在这里包括视频预览新订单的
事件.参数的值是多少？
null
，
未定义
？