Vue响应式内容丢失处理

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

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

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

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

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

相关推荐
I'm Jie4 小时前
深入了解 Vue 3 组件间通信机制
前端·javascript·vue.js
老前端的功夫6 小时前
前端高可靠架构:医疗级Web应用的实时通信设计与实践
前端·javascript·vue.js·ubuntu·架构·前端框架
vipbic7 小时前
我封装了一个“瑞士军刀”级插件,并顺手搞定了自动化部署
vue.js·nuxt.js
Fantastic_sj8 小时前
Vue3相比Vue2的改进之处
前端·javascript·vue.js
Kaze_story10 小时前
Vue第四节:组件化、组件生命周期
前端·javascript·vue.js
niujiangyao11 小时前
vue v-for列表渲染, 无key、key为index 、 有唯一key三种情况下的对比。 列表有删除操作时的表现
vue.js
狗哥哥11 小时前
Vue 3 统一面包屑导航系统:从配置地狱到单一数据源
前端·vue.js·架构
鱼鱼块11 小时前
从后端拼模板到 Vue 响应式:前端界面的三次进化
前端·vue.js·面试
谎言西西里11 小时前
从模板渲染到响应式驱动:前端崛起的技术演进之路
vue.js
一 乐12 小时前
家政管理|基于SprinBoot+vue的家政服务管理平台(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot