this.$set vue 给data选项里面数组赋值
时间: 2023-08-23 16:13:41 浏览: 129
回答: 在Vue中,可以使用Vue.set()或this.$set()来给data选项中的数组赋值。根据官方文档的写法,可以使用以下方式来操作数组并让页面重新渲染:Vue.set(vueInstance.$data.arr, 0, 3)或this.$set(vueInstance.$data.arr, 0, 3)。\[1\]这两种方式都可以实现相同的效果。其中,target参数是要操作的数组,propertyName/index参数是要修改的元素的索引或属性名,value参数是要赋给该元素的新值。\[2\]例如,如果要给data选项中的数组添加一个新的元素,可以使用以下代码:this.$set(this.person, "score", "60")。\[3\]这样就可以给对象添加一个属性并赋值。
#### 引用[.reference_title]
- *1* [Vue.set()和this.$set()](https://blog.csdn.net/weixin_42169395/article/details/122193230)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue中this.$set修改数组,数据改变视图层不更新](https://blog.csdn.net/qq_38951259/article/details/122249151)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文