Vue响应式内容丢失处理

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

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

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

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

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

相关推荐
未来龙皇小蓝4 小时前
RBAC前端架构-04:设置代理及开发配置
前端·vue.js
扶苏10025 小时前
“解构”与“响应”的博弈——深入剖析 Vue 3 的 toRef 与 toRefs
前端·javascript·vue.js
用户4099322502127 小时前
Vue3组件开发中如何兼顾复用性、可维护性与性能优化?
前端·vue.js·trae
change_fate8 小时前
vite 修改base之后需要修改public路径
javascript·vue.js
程序员林北北9 小时前
【前端进阶之旅】一种新的数据格式:TOON
前端·javascript·vue.js·react.js·typescript·json
phltxy10 小时前
Vue Router:从入门到实战
前端·javascript·vue.js
Zhencode10 小时前
Vue3核心运行时之runtime-core
前端·javascript·vue.js
我是伪码农11 小时前
Vue 大事件管理系统
前端·javascript·vue.js
哆啦A梦158811 小时前
Vue3魔法手册 作者 张天禹 012_路由_(二)
前端·vue.js·typescript
哆啦A梦158812 小时前
Vue3魔法手册 作者 张天禹 08_回顾TS中的-接口-泛型-自定义事件
前端·vue.js·typescript