Vue中数组属性更新后页面不显示？如何有效解决？

本文共计615个文字，预计阅读时间需要3分钟。

问题描述：使用Vue的方法获取数组数据，为每个数据增加edit属性，初始值都为false。目的是为了在点击列表中的编辑按钮时，控制保存与不保存按钮的出现与消失。

问题描述：

使用vue的方法获取了数组数据，获取数据后为每个数据增加edit属性，初始值均为false，其目的是为了当点击列表中的编辑按钮时，控制保存与不保存的按钮的出现与消失，结果当更改数组中的edit属性后，页面并没有如预期的那样当edit为true时页面显示更改状态，当edit为false时为不更改状态

解决方案：

edit是在通过post方法获取数据后增加到vue的data数据中的属性，一开始我的做法先将接收到的数据赋值到vue的data中，再对vue的data中的数据增加edit属性，这样在改变edit的之后，虽然在js中使用console.log可以看到该值已经发生变化，但页面中的data值并没有发生变化。

正确的做法应该是先为接收到的数据初始化edit属性，再将处理后的数据赋值给vue的data。