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

问题描述

我出现的问题是这样的:

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

解决办法

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

相关推荐
请叫我聪明鸭几秒前
基于 marked.js 的扩展机制,创建一个自定义的块级容器扩展,让内容渲染为<div>标签而非默认的<p>标签
开发语言·前端·javascript·vue.js·ecmascript·marked·marked.js插件
悟能不能悟1 分钟前
Gson bean getxxx,怎么才能返回给前端
java·前端
2501_944711433 分钟前
前端向架构突围系列 - 工程化(五):企业级脚手架的设计与落地
前端·架构
Apex Predator8 分钟前
本地库导入到nexus
java·服务器·前端
趁着年轻吃点苦18 分钟前
宝塔面板部署指南
前端
2501_9445264218 分钟前
Flutter for OpenHarmony 万能游戏库App实战 - 21点游戏实现
android·javascript·flutter·游戏·harmonyos
0思必得020 分钟前
[Web自动化] Selenium中Select元素操作方法
前端·python·selenium·自动化·html
Duang007_24 分钟前
【万字学习总结】API设计与接口开发实战指南
开发语言·javascript·人工智能·python·学习
一叶星殇27 分钟前
C# .NET 如何解决跨域(CORS)
开发语言·前端·c#·.net
RunsenLIu29 分钟前
基于Spring Boot + Vue的图书馆座位预约管理系统
vue.js·spring boot·后端