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

问题描述

我出现的问题是这样的:

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

解决办法

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

相关推荐
eason_fan2 小时前
一次 React 项目 lock 文件冲突修复:从 Hook 报错到 Vite 配置优化
前端·vite·前端工程化
彭于晏爱编程3 小时前
👊👊👊领导让我从vue转到react,我敲泥*
前端
毕设源码-钟学长3 小时前
【开题答辩全过程】以 基于Echarts的电商用户数据可视化平台设计与实现- -为例,包含答辩的问题和答案
前端·信息可视化·echarts
在黎明的反思3 小时前
c++20协程
java·前端·c++20
百罹鸟3 小时前
现如今的AI IDE:提示词策略与MCP Server使用感悟
前端·人工智能·mcp
徐同保3 小时前
Electron创建demo项目和打包
前端·javascript·electron
用户12039112947263 小时前
从原生 JS 到 Vue3 Composition API:手把手教你用现代 Vue 写一个优雅的 Todos 任务清单
前端·vue.js·面试
VX:Fegn08953 小时前
计算机毕业设计|基于springboot + vue心理健康管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
Sherry0073 小时前
从零开始理解 JavaScript Promise:彻底搞懂异步编程
前端·javascript·promise
毛发浓密的女猴子3 小时前
一次弹窗异常引发的思考:iOS present / push 底层机制全解析
前端