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就可以实现数据回显问题了。

希望能帮到遇到同样问题的你们，也希望能有大牛在下方进行指点迷津。