this.$set怎么对数组修改
时间: 2023-08-17 15:10:44 浏览: 131
在vue中对数组值变化的监听与重新响应渲染操作
回答: 当你需要对数组进行修改时,可以使用this.$set方法。具体使用方法可以参考以下代码示例:\[2\]
watch: {
typeD9Data: {
handler: function(val) {
switch (val) {
case 1:
this.$set(this.D9Arr, 0, val);
break;
case 2:
this.$set(this.D9Arr, 1, val);
break;
case 3:
this.$set(this.D9Arr, 2, val);
break;
default:
break;
}
}
}
}
在上述代码中,通过this.$set方法可以对数组D9Arr进行修改。根据typeD9Data的值,使用不同的索引位置和新值来更新数组元素。这样可以确保数组的修改是响应式的,并且能够触发视图的更新。所以,this.$set方法可以用来解决给数组添加新元素的问题。
#### 引用[.reference_title]
- *1* *3* [Vue.js框架之this.$set的用法](https://blog.csdn.net/weixin_43359799/article/details/108049376)[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* [this.$set的用法,解决视图不更新](https://blog.csdn.net/m0_63701303/article/details/129246093)[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 ]
阅读全文