前端實戰項目積累小知識（4）：vue--this.$set()數據回顯

vue數據回顯

       最近在修改別人的一個bug，數據回顯效果出不來的bug。開始的時候沒頭緒，經過百度一腦子查詢和本地調試，終於解決。我用到vue的this.$set()來進行強制更新實現的，但是有一點需要注意的，

對象操作的方法：三個參數：this.$set("改變的對象"，"改變的對象屬性"，"值")

數組操作的方法： 三個參數：this.$set("數組"，"下標"，"值")

下面是實現的具體代碼

let _this = this;
_this.formulaOperation.formulaOperationSkus.forEach((item,index) =>{
if(item.surrogateSkuId == row.id) {
    _this.$set(item,item.surrogateName,_this.row.surrogateName)
}
})

formulaOperationSkus是一個對象

_this.$set(item,item.surrogateName,_this.row.surrogateName)

這行代碼是關鍵，一定要對應上面的操作方法。

這樣一來input就可以實現數據回顯問題了。

希望能幫到遇到同樣問題的你們，也希望能有大牛在下方進行指點迷津。