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

问题描述

我出现的问题是这样的:

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

解决办法

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

相关推荐
coderyi13 小时前
LLM Agent 浅析
前端·javascript·人工智能
我叫黑大帅13 小时前
TypeScript 6.0 弃用选项错误 TS5101 解决方法
javascript·后端·面试
科雷软件测试13 小时前
使用python+Midscene.js AI驱动打造企业级WEB自动化解决方案
前端·javascript·python
ConardLi14 小时前
把 Claude Design 做成 Skill,你的网站也能拥有顶级视觉体验
前端·人工智能·后端
We་ct14 小时前
LeetCode 120. 三角形最小路径和:动态规划详解
前端·javascript·算法·leetcode·typescript·动态规划
IT_陈寒14 小时前
React状态更新那点事儿,我掉坑里爬了半天
前端·人工智能·后端
cwxcc14 小时前
Google Core Web Vitals(核心网页指标)
前端·性能优化
|晴 天|15 小时前
Vue 3 + LocalStorage 实现博客游戏化系统:成就墙、每日签到、积分商城
前端·vue.js·游戏
逾明15 小时前
Claude Code及Codex的MCP安装和Mastergo MCP的使用
前端·mcp
LovroMance15 小时前
如何进行组件封装
前端