Vue响应式内容丢失处理

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

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

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

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

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

相关推荐
qq8406122334 小时前
Nodejs+vue基于elasticsearch的高校科研期刊信息管理系统_mb8od
前端·vue.js·elasticsearch
程序员林北北10 小时前
【前端进阶之旅】Svelte:编译即框架,让前端开发回归简洁
前端·javascript·vue.js·react.js·html5
pas13611 小时前
46-mini-vue 实现编译 template 为 render 函数
前端·javascript·vue.js
左夕12 小时前
深度解析vue的生命周期
vue.js
随逸17712 小时前
《彻底解决CSS冲突!模块化CSS实战指南》
vue.js·react.js
筱筱°13 小时前
创建一个基于 Vue 的微前端项目
vue.js·微前端
爱看书的小沐15 小时前
【小沐杂货铺】基于Three.js渲染三维无人机Drone(WebGL / vue / react )
javascript·vue.js·react.js·无人机·webgl·three.js·drone
ShenJLLL1 天前
vue部分知识点.
前端·javascript·vue.js·前端框架
HelloReader1 天前
Tauri 2 创建项目全流程create-tauri-app 一键脚手架 + Tauri CLI 手动接入
前端·javascript·vue.js
哆啦A梦15881 天前
Vue3魔法手册 作者 张天禹 016_vue3中一些特定用法介绍
前端·vue.js·typescript