解决:Vue中给input框手动赋值,视图却不更新

1.使用数组方法splice
this.arr = [{item1},{item2},{item3},{item4}]
item1.a= 0
this.arr.splice(0, 1, item1)

  注意:

    由于 JavaScript 的限制,Vue 不能检测以下变动的数组:

    1.当你利用索引直接设置一个项时,例如:arr[1] = newValue
    2.当你修改数组的长度时,例如:arr.length = newLength

 

 

 

2.使用this.$set修改

this.$set(this.arr, 0, 'value')
this.$set(this.helloForm, 'key', 'value')


 

 
3.修改之后 添加 this.$forceUpdate() 强制更新

 

 
posted @ 2020-03-04 11:50  自律·给我自由  阅读(6256)  评论(0编辑  收藏  举报