尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
Vue解决父子组件传值,子组件改变值后父组件的值也改变的问题
vue开发过程中父组件通过props传值给子组件子组件在页面展示父组件的值在操作子组件值以后即使不点击确定按钮父组件中的值也发生了变化但是需求是操作子组件数据以后必须点击确定按钮以后才能修改父组件的值否则父组件和子组件的值都不可以变化。为了解决这一问题当父组件传值给子组件以后我通过JSON.parse(JSON.stringify(data ))将父组件的数据进行拷贝然后赋值给子组件中this.targetdData,子组件操作也是改变的this.targetData的值而不会改变父组件的值当点击确定按钮时通过$emit调用父组件中的函数将修改后的this.targetData值给了父组件修改父组件中的值当再次进入子组件的时候会重新把修改后的值拷贝给子组件进行展示就可以解决上述问题了。拷贝父组件的值this.targetData JSON.parse(JSON.stringify(this.targetDataPar))调用父组件方法this.$emit(changeData, this.targetData)父组件的方法changeData(val) { this.targetChanged val; },
RELATED

相关推荐

7、长短期记忆网络(LSTM)

7、长短期记忆网络(LSTM)

1 LSTM基本结构 假如现在有一个需求,根据现有文本预测以下一个词语,比如天上的云朵漂浮在,通过间隔不远的位置就可以预测出来词语是天上,但对于其他一些句子,可能需要被预测的词语前100个词语前,此时由于间…

📅 2026/10/11 9:35:25
第1章:环境搭建与ElementUI-01-环境搭建

第1章:环境搭建与ElementUI-01-环境搭建

目录 第1章 项目概述和环境搭建 1. 项目概述 1.1 项目介绍 1.2 项目展示 1.3 技术架构 1.4 功能架构 1.5 软件开发流程 2. 环境搭建 2.1 项目结构 2.2 maven项目搭建 2.2.1 health_parent 2.2.2 health_common 2.2.5 health_interface 2.2.6 health_service_provi…

📅 2026/8/15 8:35:49
第7章:页面静态化-01-页面静态化Freemaker

第7章:页面静态化-01-页面静态化Freemaker

健康管理项目 第7章1. 页面静态化介绍本章课程中我们已经实现了移动端套餐列表页面和套餐详情页面的动态展示。但是我们需要思考一个问题,就是对于这两个页面来说,每次用户访问这两个页面都需要查询数据库获取动态数据进行展示,而且这两个页面…

📅 2026/8/15 9:06:52
MORE NEWS

更多资讯

📰

流量卡充值管理系统源码部署:从解压到并发安全

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

PMBus协议深度解析:从I2C物理层到电源管理行为契约

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

微信小程序图书管理系统毕业设计:云开发技术选型与核心功能实现

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

光模块去DSP化:LPO/NPO/CPO技术路线对比与落地

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

Qt与OpenCASCADE工业机器人仿真系统:碰撞检测与RRT路径规划实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

机修钳工职业技能鉴定题库,初中高级考点全解析附答案

机修钳工职业技能鉴定,考的是实打实的手上功夫和判断能力。不少考生跟我们反馈:理论题背了不少,实操也练了,可一进考场还是心里没底。问题往往不在努力程度,而在刷题方向——初、中、高三个等级考什么、怎么考、易错点…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬