Vue响应式内容丢失处理

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

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

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

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

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

相关推荐
_codeOH14 小时前
Vue 3 vs React 19:框架还在卷,核心原理就这些
前端·vue.js
英勇无比的消炎药15 小时前
新手必看玩转TinyRobot一定要避开这些坑
前端·vue.js
英勇无比的消炎药15 小时前
别再盲目混用AI组件库和传统组件库差距原来这么大
前端·vue.js
英勇无比的消炎药17 小时前
前端提效神器全新AI组件库TinyRobot改写日常开发模式
前端·vue.js
英勇无比的消炎药18 小时前
前端提效神器TinyRobot
前端·vue.js
CDwenhuohuo18 小时前
uni 背景色渐变 全屏
前端·javascript·vue.js
爱怪笑的小杰杰18 小时前
Vue 项目交付第三方开发,如何隐藏核心 JS 源码?
前端·javascript·vue.js
小二·18 小时前
Vue 3 组合式 API 进阶实战
前端·javascript·vue.js
rising start19 小时前
九、vue3 组件通信:全场景详解
前端·vue.js·typescript
编程技术手记19 小时前
Vue Scoped CSS 与动态创建 DOM 的兼容性问题
前端·css·vue.js