技术栈

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

我家空空2023-09-15 21:03

问题描述

我出现的问题是这样的:

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

解决办法

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

上一篇:华为云云耀云服务器L实例评测|了解配置和管理L型云服务器
下一篇:Spring(五):Spring Boot 的配置和日志
相关推荐
RopenYuan
7 小时前
FastAPI -API Router的应用
前端·网络·python
走粥
7 小时前
clsx和twMerge解决CSS类名冲突问题
前端·css
Purgatory001
8 小时前
layui select重新渲染
前端·layui
weixin19970108016
8 小时前
《中国供应商商品详情页前端性能优化实战》
前端·性能优化
九皇叔叔
9 小时前
003-SpringSecurity-Demo 统一响应类
java·javascript·spring·springsecurity
赵孝正
10 小时前
学习的本质是一个工程闭环:从模仿到内化的四阶段方法论(附风电实战案例)
前端·数据库·学习
低代码布道师
10 小时前
纯代码实战:MBA培训管理系统 (十四) ——用户管理(批量选择与批量删除)
javascript·nextjs
打瞌睡的朱尤
11 小时前
建立vue项目
vue.js
热门推荐
01GitHub 镜像站点02Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)03VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)04OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程052026年3月AI领域大事件:DeepSeek引领开源风暴06AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南07纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!08【技术干货】Gemma 4 上手深度指南:本地多模态大模型的新基线09Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services10“wsl --install -d Ubuntu-22.04”下载慢,中国地区离线安装 Ubuntu 22.04 WSL方法(亲测2025年5月6日)