vue 改变数组中对象的属性怎么重新渲染列表

2025-01-01 14:09:02

推荐回答（3个）

回答1：

我也遇到了同样的问题。
一开始找到的解决方法是
使用Vue.set(example1.items, indexOfItem, newValue)
或是example1.items.splice(indexOfItem, 1, newValue)
这样虽然可以被vue监听到，但是这个newValue是数组中的对象而不是对象的属性。
也就是需要得到这个传入的newValue，这时可以用
example1.items[i].name=Name;
Vue.set(example1.items, i, example1.items[i])
用example1.items[i]来替代newValue，实现更改items[i]中的name

回答2：

vue的工作机制是对数据进行操作，这些渲染工作要在做mock的时候就做好，上了vue就是注重数据和逻辑了哦。不管咱们是在进行v-for还是v-class，都是不对样式重新渲染的。

回答3：

Vue实践-CSS样式position/display/float属性对比使用