vue this.$set
时间: 2023-08-19 13:16:10 浏览: 110
vue中 this.$set的用法详解
5星 · 资源好评率100%
Vue中的this.$set()方法用于向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为Vue无法探测普通的新增属性。\[1\]
具体使用方法是通过this.$set(target, propertyName/index, value)来调用,其中target是要添加属性的目标对象,propertyName/index是要添加的属性名或索引,value是要设置的值。这样,通过使用this.$set()方法,我们可以在methods中给数据添加一个属性,并确保视图能够及时更新,显示新添加的属性的值。\[3\]
需要注意的是,this.$set()方法是Vue实例的一个方法,所以需要在Vue组件中使用。它与Vue.set()方法的原理和区别可以参考Vue官方文档中的相关说明。\[2\]
#### 引用[.reference_title]
- *1* *2* [vue中this.$set的用法](https://blog.csdn.net/qq_38687592/article/details/123477250)[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,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue中this.$set()的用法](https://blog.csdn.net/weixin_43388691/article/details/127423040)[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,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文