vue 深拷贝数据以后导致 页面卡顿

问题描述

我出现的问题是这样的:

我把列表的对象数据dataObj,使用data = JSON.parse(JSON.stringify(dataObj))深拷贝以后,把data作为props传递给子组件,然后子组件使用el-input绑定data的某一个值,就出现了输入卡顿的现象。

解决办法

后来我发现,data使用了计算属性,并且没有设置setter,所以这个时候应该是不能用el-input直接v-model绑定

相关推荐
Hi_MrXiao17 小时前
电脑上安装使用多个版本的谷歌浏览器
前端·chrome
广州华水科技17 小时前
单北斗GNSS变形监测一体机在大坝安全监测中的应用探索
前端
colicode17 小时前
C++语音验证码接口API示例代码详解:高性能C++语音校验接入Demo
前端·c++·前端框架·语音识别
We་ct17 小时前
LeetCode 92. 反转链表II :题解与思路解析
前端·算法·leetcode·链表·typescript
Wect17 小时前
LeetCode 92. 反转链表II :题解与思路解析
前端·算法·typescript
Wect17 小时前
LeetCode 138. 随机链表的复制:两种最优解法详解
前端·算法·typescript
像颗糖17 小时前
OpenSpec 和 Spec-Kit 踩了 27 个坑之后,于是我写了个 🔥SuperSpec🔥 一次性填平
前端·后端
Jing_Rainbow17 小时前
【React-10/Lesson94(2026-01-04)】React 性能优化专题:useMemo & useCallback 深度解析🚀
前端·javascript·react.js
白中白1213818 小时前
Vue系列-3
前端·javascript·vue.js
沛沛老爹18 小时前
Vue3+TS实战:基于策略模式的前端动态脱敏UI组件设计与实现
前端·ui·vue3·数据安全·策略模式·动态渲染·前端脱敏