this.$set如何用于数组
时间: 2023-10-18 13:25:28 浏览: 61
在Vue中,this.$set()方法可以用于更新数组。使用this.$set()来更新数组的值时,需要传入三个参数,即要更新的数组、要更新的索引和新的值。例如,如果我们想要将数组itemList中索引为1的元素更新为{name: '李思思', age: 30},我们可以使用以下代码:
this.$set(this.itemList, 1, {name: '李思思', age: 30});
通过调用this.$set()方法,Vue会根据提供的索引将新的值更新到数组中,并触发相关的视图更新,以确保页面显示的数据与更新后的数组保持一致。这样,数组itemList中索引为1的元素就会被更新为{name: '李思思', age: 30}。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [从vue源码解析Vue.set()和this.$set()](https://download.csdn.net/download/weixin_38567873/13632951)[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_1"}}] [.reference_item style="max-width: 50%"]
- *2* *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_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]