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

问题描述

我出现的问题是这样的:

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

解决办法

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

相关推荐
葬送的代码人生几秒前
用一句 Prompt 十分钟搓出完整应用
前端·html·ai编程
干中学_20264 分钟前
vue3 画布编辑器「平移」天坑?只需 5 行代码,完美优雅复刻大厂体验!
javascript
ShiJiuD6668889999 分钟前
大事件板块三
前端·bootstrap·html
JavaAgent架构师21 分钟前
前端AI工程化(五):AI对话状态管理
前端·人工智能
ricardo197334 分钟前
一张图搞懂 HTTP 缓存:强缓存、协商缓存与最佳 Cache-Control 配置
前端
程序员码歌36 分钟前
别再让 AI 自由发挥了:OpenSpec 才是团队协作不跑偏的关键
android·前端·人工智能
用户114818678948442 分钟前
Vue 开发者快速上手 Flutter(二)
前端
用户11481867894841 小时前
Vue 开发者快速上手 Flutter(三)
前端
JavaAgent架构师1 小时前
前端AI工程化(六):Function Calling与RAG前端实践
前端·人工智能
用户11481867894841 小时前
Vue 开发者快速上手 Flutter(一)
前端