Vue.js 视图中的v模型在首次重新加载页面后才会更新

因为在方法中更新变量值时，它不会在视图？的v模型中更新

如果我重新加载页面，则

方法v-on:change=“reCalcTotal（索引，艺术品库存申请）”

工作正常，并在每次

艺术品库存申请“

更改时更新小计值

但是，在我第一次重新加载页面之前，该方法不会修改视图中的v模型

我有什么办法来解决这个问题

HTML

$@{{art.subtotal.toFixed（1）}
总计：$@{{Total.toFixed（2）}

js

数据：{
arGeneratedOrders:“”
},
计算：{
总数（）{
设total=0；
此.arGeneratedOrders.forEach（项=>{
总计+=项目小计；
});
返回总数
}
},
方法：{
RecalCotal:函数（索引，NewstockSolied）{
this.arGeneratedOrders[index].stock_requested=newstocksolieted；
this.arGeneratedOrders[index]。小计=（this.arGeneratedOrders[index]。已征集股票）*this.arGeneratedOrders[index]。采购价格，
setItem（'lsGeneratedOrders'，JSON.stringify（this.arGeneratedOrders））；
这是总数；
警报（'Index:'+Index+'-New:'+newstocksolieted+'-='+this.arGeneratedOrders[Index].subtotal）；//此警报显示更新的变量，但视图中的值不会更改。
}
}

尝试在like

中添加

键

，我尝试了。但是仍然没有在视图中更新您应该将

arGeneratedOrders

初始化为数组而不是字符串。而且，由于Vue观察员跟踪阵列更改的问题，您不应该直接将值分配给阵列成员。相反，您应该选择

Array.push（）

或

Array.splice（）

——否则Vue的反应系统将无法工作。正如@IVOGELOV所说。这就是解决办法。初始化：让resData[]。然后我将数组分配给一个新数组this.arGeneratedOrders=resData；这使vue更改跟踪工作正常。

code-let-resData=[]；resData=response.data；对于（设i=0；i