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

问题描述

我出现的问题是这样的:

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

解决办法

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

相关推荐
铁皮饭盒7 小时前
Rust版Bun1.4之前, 盘点Bun1.3新特性
前端·javascript·后端
恋猫de小郭7 小时前
如何让 AI 快速搭建一套生产 Agent ?全面理解 Agent 架构。
前端·人工智能·ai编程
Csvn7 小时前
Vite 构建缓存优化:二次构建从 15s 降到 2s 的实战方案
前端
晓得迷路了7 小时前
栗子前端技术周刊第 135 期 - Vite 8.1、Rspack 2.1、Babel 8.0...
前端·javascript·vite
你听得到118 小时前
用户说 App 卡,但说不清在哪?我把 Flutter 监控 SDK 升级成了链路观测工作台
前端·flutter·性能优化
To_OC16 小时前
LC 207 课程表:刚学图论那会儿,我连这是拓扑排序都没看出来
javascript·算法·leetcode
To_OC16 小时前
LC 208 实现 Trie 前缀树:曾被名字劝退,写完发现是送分题
javascript·算法·leetcode
天渺工作室16 小时前
实现一个adblock/adblock plus等浏览器广告拦截器检测插件
前端·javascript
阳光是sunny17 小时前
Vue 项目怎么做用户行为全链路监控?轻量插件方案详解
前端·面试·架构