this.$set 数组更新
时间: 2023-09-07 11:18:09 浏览: 87
在Vue.js中,可以使用`this.$set()`方法来更新数组。通过传入要更新的数组、要更新的索引和新的值,`this.$set()`方法可以将新的值添加或替换到数组中的指定索引位置,并触发视图更新。例如,在Vue组件的`mounted()`生命周期钩子函数中,可以使用`this.$set()`来更新数组中特定索引位置的值。在提供的引用示例中,使用`this.$set(this.itemList, 1, { name: '李思思', age: 30 })`来将数组`itemList`的第一个元素替换为`{ name: '李思思', age: 30 }`。这将更新数组中姓名为李四的人的信息,并且由于使用了`this.$set()`方法,会触发视图更新,确保界面上的数据与数组保持同步。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue中this.$set()和其他能使视图更新的数组方法](https://blog.csdn.net/CYL_2021/article/details/125595811)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [vue中this.$set()的用法----更新数组和对象的值](https://blog.csdn.net/m0_67391521/article/details/123304430)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文