Vue数组和对象更新,但是页面没有刷新的解决方式 - 行业资讯

在使用数组的时候,数组内部数据发生改变,但是与数组绑定的页面的数据却没有发生变化。

　　　　　　& lt; ul> 　　& lt;李v=?项目、索引)行动计划”:关键=爸甘痹趝{item.name}} & lt;/li> 　　& lt;/ul> 　　　　　　　　数据(){ 　　返回{ 　　味精:“欢迎来到你的Vue。js应用”, 　　待办事项:[{ 　　名称:“aa”, 　　年龄:14 　　},{ 　　名称:“bb”, 　　年龄:15 　　　　},{ 　　名称:“cc”, 　　年龄:16 　　　　}), 　　obj:{名称:“并”,年龄:17} 　　} 　　}, 　　　　　　　　方法:{ 　　changeTodos:函数(){ 　　var _this=这　　_this。行动计划[0]={ 　　名称:“zhangsan”, 　　年龄:15 　　} 　　console.log (this.todos)/* 　　设置(这美元。待办事项,0,“神经网络”) 　　forceUpdate美元。() 　　*/} 　　　　

这种修改得方式,无法出发数组得,导致页面得数据不会改变。

有三种解决方式。

<强>一、使用全局得集方法。

　　　　　　设置(这美元。todos 0{名称:“zhangsan”,年龄:15});或者对象。美元组(this.obj,“关键”,价值); 　　　　

<强>二、强制更新

　　　　　　forceUpdate美元。() 　　之前　　　　

以上这篇Vue数组和对象更新,但是页面没有刷新的解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。