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

问题描述

我出现的问题是这样的:

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

解决办法

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

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