Vue响应式内容丢失处理

对数组和对象进行不当的修改会使Vue的对象丢失响应式,这时可以直接console.log丢失的对象,看是否有getter和setter

对于数组和对象,只有使用 Vue 提供的一些方法(如 push()、pop()、splice()、set() 等)进行修改才会触发响应式更新。直接用delete等方法修改数组或对象的属性值则不会触发更新。

若vue监听不到响应式可以这么赋值就把属性变成响应式属性了

1.解构赋值 this.a = { ...this.a }

2.可以使用object.assign重新赋值此变量

相关推荐
早起傻一天~G几秒前
vue2+element-UI表单封装
前端·vue.js·ui
Live&&learn13 分钟前
Vue项目打包后内联字符串不显示的原因
前端·javascript·vue.js
宁雨桥19 分钟前
深入剖析Vue2与Vue3响应式原理:从Object.defineProperty到Proxy的演进
前端·vue.js
ejinxian44 分钟前
Rust的GUI方案中,Slint、Azul、egui、iced、Druid、Tauri
前端·javascript·vue.js
Python私教1 小时前
ShadcnVueAdmin 的国际化是怎么实现的
前端·javascript·vue.js
MXN_小南学前端14 小时前
watch详解:与computed 对比以及 Vue2 / Vue3 区别
前端·javascript·vue.js
2601_9498146914 小时前
Docker部署Spring Boot + Vue项目
vue.js·spring boot·docker
Lkstar16 小时前
逐步搞懂 Vue 的 patchChildren,把 Diff 算法拆给你看
vue.js
nbsaas-boot18 小时前
100万门店级分货系统架构设计
前端·javascript·vue.js
笋笋~19 小时前
el-tree 拖拽事件隔离:实现句柄独立控制,区域分离
javascript·vue.js·elementui