VueJs从父组件获取子窗体数据
Vue.js是一种流行的JavaScript框架，用于构建用户界面。它采用了组件化的开发方式，使得前端开发更加模块化和可维护。在Vue.js中，父组件可以通过props属性向子组件传递数据，而子组件可以通过事件向父组件发送数据。
要从父组件获取子窗体数据，可以通过以下步骤实现：
- 在父组件中定义一个数据属性，用于存储子组件传递的数据。
data() {
return {
formData: null
};
}- 在父组件的模板中使用子组件，并通过props属性将父组件的数据传递给子组件。
<template>
<div>
<child-component :formData="formData"></child-component>
</div>
</template>- 在子组件中，通过props属性接收父组件传递的数据，并在需要的时候将数据发送给父组件。
props: ['formData'],
methods: {
sendDataToParent() {
// 子组件处理数据逻辑
// ...
// 将数据发送给父组件
this.$emit('data-updated', this.formData);
}
}- 在父组件中监听子组件发送的事件，并更新父组件的数据。
<template>
<div>
<child-component :formData="formData" @data-updated="updateFormData"></child-component>
</div>
</template>methods: {
updateFormData(data) {
this.formData = data;
}
}通过以上步骤，父组件就可以获取子窗体数据并进行相应的处理。在Vue.js中，这种父子组件之间的数据传递方式非常灵活，可以根据实际需求进行扩展和优化。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
- 腾讯云云服务器（CVM）：提供可扩展的云计算能力，可满足各种规模和需求的应用场景。详情请参考腾讯云云服务器。
- 腾讯云云数据库MySQL：提供高性能、可扩展的关系型数据库服务，适用于各种Web应用和大型企业级应用。详情请参考腾讯云云数据库MySQL。
相关·内容
3回答
我偶然发现了一段代码：
props: {
clicks: {
type: Object,
default: null,
}
events: {
type: Object,
default: null,
},
}
我不知道从哪里撤回道具，从数据库？或者是从另一个组件收到的？
浏览 10提问于2022-02-06得票数 1
回答已采纳
我试图在一个模式中呈现一个模板，但是很难理解如何将变量传递给子模板： 这是应用程序的主要HTML： <div id="example" class="container">
<button
class="btn btn-primary"
type="button"
@click="showModal = !showModal"
@keyup.esc="showModal = false"
>Show modal</button&
浏览 13提问于2019-08-23得票数 1
1回答
我正在这个web应用程序中工作，试图构建一个搜索栏过滤器，它允许我自己编写任何我想写的查询(如果API包含数据)，但是总是会抛出相同的错误：
避免直接修改支柱，因为每当父组件重新呈现时，值都会被覆盖。相反，使用基于支柱值的数据或计算属性。道具变异：“搜索”。
我在看你的一些回应，试图将它们应用到我的案例中，但它们给了我一个巨大的错误，变成了最糟糕的，这是我的代码的一部分，我的原始代码：
<v-container>
<input class='input'
@input='sendingSelfSearch'
浏览 2提问于2020-01-04得票数 0
回答已采纳
我知道，VuejsVuejs2.0中的组件之间的通信是由三个概念完成的
props --外部上下文如何将数据传递给组件，
events --组件是如何让外部环境了解更改的，
插槽-这个对我的问题不重要。
我也知道中央国家的模式和围绕它的所有东西。但有时能够告诉子组件“做些什么，更改您的内部状态”是很常见的。
以下是一些场景：
TreeView (递归组件)和“折叠所有”按钮-您需要告诉所有子组件折叠。我知道，这里是适用的中心状态模式，但是让我们假设节点的状态(展开/折叠)是组件内部状态的一部分。
计数器--我可以在页面上有多个计数器--父组件具有“增量全部”按钮--
浏览 4提问于2017-02-03得票数 1
回答已采纳
我一直在搜索信息，只找到了一种从子组件发出事件的方法，然后可以在父组件中侦听这些事件。有没有办法从父组件调用子方法？
浏览 0提问于2017-04-19得票数 68
回答已采纳
1回答
我正在尝试使用来自父组件的道具来将其用作子组件中的数据。
父组件：
<ChangeCommentModal :comment="this.modalInfo.comment" />
和子组件(ChangeCommentModal)：
props: ['comment'],
data() {
return {
localComment: this.comment,
};
}
localComment变量得到这个值，但我不能在这个子组件中的v模型中使用它：
<textarea id="message" rows=&
浏览 5提问于2022-09-20得票数 0
回答已采纳
1回答
我有一个表单，这个表单对于一个组件来说太复杂了。
所以我为表单的一部分做了一个分段，它有多个动态输入，给出一个输出并验证自己。它没有提交按钮，在每次更改时，它只返回计算的结果，如果它被验证成功与否。
// Contains multiple input fields, passes its result when
// filled in properly and errors if not filled in properly
// so I can disable the submit button.
// Also contains a clear m
浏览 1提问于2019-11-29得票数 1
回答已采纳
1回答
角2:验证父组件的子组件表单字段
、、、、
问题陈述:
父组件具有<form>标记和其中的一些<input>标记，子组件也有一些<input>标记，父组件有一个<submit>，我们正在验证提交表单上的表单字段。
如何从窗体上的父组件验证子组件<input>字段？
要求:
如果父组件的表单中包含带有input组件的子组件，则这些input组件应该在单击“是否从父组件提交时进行验证”。
发现:
有很多这样的帖子有相同的问题陈述，但没有找到任何合适的solution.All，下面的帖子验证了整个表单，但我的要求是验证子组件中的每个字段。
浏览 4提问于2017-12-26得票数 14
回答已采纳
1回答
VueJS警告避免直接更改道具
、、、、
当我尝试使用@click指令更改某个属性的值时，会收到此警告：
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "name"
我的代码如下：
<html>
<head>
<ti
浏览 1提问于2018-09-02得票数 0
如何在reactjs中将子类componentdidmount中的值返回给父类。在单击其中一张卡时，使用PROMISE.all从后端检索数据，并将数据保存在数据对象内部的子级状态中。然后我需要一种方法将它返回给父类。我正在尝试不同的方法，因为我读了更多，但没有输出…
父级：
render() {
const { data} = this.state;
callbackFunction = (data) => {
this.setState({threeDaysData: data.getONE});
this.setState({fourtee
浏览 17提问于2021-03-11得票数 0
背景信息
我有一个非常的大型表单(可能有数百个字段)，我决定将其分解成更小的子表单组件(原因很明显)。我使用Control访问器实现了这一点。这就像一种魅力，直到到了在提交时在字段上显示错误的时候。
子表单的结构如下：
<form [formGroup]="form">
<app-subform [documentId]="documentId" formControlName="sub-form"></app-subform>
<!-- Other form fields here ... -
浏览 7提问于2020-03-19得票数 6
回答已采纳
在这里，父程序将name & age道具传递给子项目。子组件发出一个自定义事件changeAgeFn，该事件将其changeAge方法传递给父组件。
在父级中，(传递的) changeAge事件附加到button[change age]上的单击事件。
然而，这种方式是行不通的。我想知道从父级执行子事件的标准/推荐方法。
Parent.vue
<template>
<div class="parent-wrap">
<p>UserName: {{user}}, age: {{age}}
<b
浏览 0提问于2019-03-09得票数 0
1回答
我有两个组件子组件和父组件，这个子组件的角色是星等评级，现在我想从子组件中获取要在父组件中显示的值，并使用来自子组件的数据。
添加:我使用Redux并响应导航2.0
子组件
import React, { Component } from 'react';
//import react in our code.
import {
StyleSheet,
View,
Platform,
Text,
Image,
TouchableOpacity,
} from 'react-native';
class Rate extends Co
浏览 0提问于2019-06-14得票数 2
on VueJS声明scoped应该将样式限制在组件上。但是，如果我创建两个具有相同baz样式的组件，它将从一个组件泄漏到另一个组件中：
foo.vue
<template>
<div class="baz">
<Bar></Bar>
</div>
</template>
<style scoped>
.baz {
color: red;
}
</style>
bar.vue
<template>
<div class="baz&
浏览 0提问于2017-08-26得票数 40
我已经进入了角7的几个星期，在同一个父组件中的一个单独的子组件<app-child-2>上单击事件之后，我很难在父组件<parent>中隐藏/显示一个子组件<app-child-1>。
所有的子卡div只有呈现如果他们有数据，这是通过一个来自父shouldCardRender()和outputsMapToRead('Child 1')的ngIf方法完成的。shouldCardRender()方法用于在显示数据对象groupName之前，通过父方法this.checkIfCardHasAnyCheckedValues()中的另一个方法检查数据对
浏览 0提问于2019-03-16得票数 0
1回答
在从父组件接收数据后，我试图显示子组件。我必须采取以下步骤：
我已经在父html页面中声明了组件选择器。
将数据从父组件发送到子组件Show(text: string)方法：
私有文本:字符串；显示(文本:字符串){ this.text = text；}
在此之后，我在子组件中插入*ngIf="text" for div，仅在组件收到数据时显示数据。
但是，当我调用子组件的show方法时，text变量是空的，而我的子组件没有显示。我认为这是因为我的父html页面中的子组件选择器创建了一个对象的新实例，该实例有一个空的text值。我怎么能解决这个问题？
更新
浏览 2提问于2017-09-06得票数 2
回答已采纳
1回答
如何用NgRX数据更新存储？
、、、、
我的组件结构
在case.component中，im缓存存储的case实体中的案例数据，然后从子组件(案例操作、案例活动)中获取.等)。
但是，当我从任何子组件远程更新情况时，我不知道如何刷新父组件(case.component)中缓存的数据，以便再次在子组件上复制该数据。
我试着做最好的实践。
浏览 3提问于2020-06-12得票数 0
回答已采纳
5回答
我有一个父/子组件设置，其中父组件从服务器加载数据，并通过道具将数据传递给子组件。在子表中，我希望实例化一个jQuery日历，其中包含它从父日历接收到的一些数据。
为了在设置日历之前等待数据，我在父程序中广播了一个事件，该事件在子节点中设置了事件侦听器。
侦听器在子程序中被激发，但是如果我是this.$log('theProp')，则它是未定义的。但是，如果我使用VueJs检查组件，那么父/子关系就在那里，同时孩子已经收到了支持。
该道具在子上定义为一个动态支柱:the-prop="theProp"。由于孩子最终确实收到了道具，我假设我的设置是正确的，但似乎有某
浏览 4提问于2016-09-26得票数 27
1回答
问题是，在更新窗体中的值，然后选择按钮再次显示表单后，有时会出现值。我尝试以不同的方式使用BehaviorSubject和EventEmitter来完成这个任务。任何帮助都将不胜感激。
我附上了柱塞：
下面是我的柱塞例子的数据。
this.units = [
{
id: 1,
name: "Unit 1",
alarms: [
{
name: "Alarm 1",
description: ""
},
{
name: &#
浏览 1提问于2018-04-02得票数 0
回答已采纳
我用图标写输入元素来显示/隐藏密码，我如何在v图标中写事件发出通知父组件，图标是单击这里是我的子组件BaseInputPassword。
<div class="label">
{{ labelName }} <span v-if="required" class="required">※</span>
</div>
<div class="input_password">
<input
浏览 0提问于2021-06-17得票数 0
3回答
我有一个相当简单的VueJS应用程序，3个组件(登录，SelectSomething，DoStuff)
登录组件只是用户和pass输入的表单，而第二个组件需要显示登录过程中获得的一些数据。
如何将数据从一个组件共享到其他组件？因此，当我路由到第二个组件时，我仍然拥有Login组件中获得的数据？
浏览 0提问于2016-10-25得票数 30
我希望你一切都好。实习生在这里，只是从前端开发开始，所以很抱歉如果问题很愚蠢，或者代码看起来很糟糕(非常欢迎任何修改)。
我在Datatable中有一个Dropdown元素：
<p-dataTable [value]="Items">
<p-column field="Destination" header="Destinos">
<ng-template let-col let-item="rowData" pTemplate="body">
浏览 0提问于2017-05-31得票数 0
我正在使用ngPrime自动完成从服务中获取数据。我的要求是在任何情况下，按一下按钮，都要取得自动完成的文字。我试图在组件中使用getElementById.value获取值，但它正在返回undefined。
<p-autoComplete [(ngModel)]="contact" [suggestions]="contactList.TaxEntities" (completeMethod)="filterContact($event)"
field="TaxEntityName" [size]=&#
浏览 2提问于2020-01-04得票数 0
回答已采纳
4回答
我有2个表单ParentForm和一个子表单。在我的父窗体中，我有一个线程侦听器，它侦听更新ParentForm区域的提要。现在，我有了一个ChildForm，它还需要将来自侦听器的数据放在ChildForm的一个区域上。线程侦听器在获得提要时使用委托来更新我的ParentForm。
我的ParentForm有这些。
private delegate void UpdateLogCallback(string strFeed);
private Thread thr;
private void InitializeFeed()
{
...
// Get the feed co
浏览 0提问于2010-07-19得票数 0
回答已采纳
1回答
我目前正在做我的第一个FE项目，我应该完全由自己创建。
我有一个组件，它应该包含3个子组件，每个子组件都应该显示一个表单。
目前，我选择了我非常满意的方法，但后来我开始考虑测试，我意识到我根本无法为父组件创建一个测试，而不依赖于子组件。父组件如下所示：
return (
<div className="personal-data-step-wrapper">
{currentForm === 0 && <UserDataForm handleChangeForm={handleChangeForm}
浏览 2提问于2020-11-22得票数 1
回答已采纳
我有一个组件，它在它的模板中加载其他组件。我已经将一个变量checkinRecord绑定到子组件上的一个属性。当应用程序加载时，如预期的那样，子组件显示时没有数据。但在其创建的钩子中，主要组件调用一个方法，该方法将数据作为对象从API中获取，该API在实现promise时更新checkinRecord。因为这是绑定到子组件的属性的，所以我希望挂载的钩子重新更新并打印新值。但是子组件中的checkinRecord不会改变。我遗漏了什么？我不能在这里使用Vuex，因为涉及的数据是对患者临床数据的大量收集。 主要组件- EMR.vue： <template>
<div>
浏览 10提问于2021-06-20得票数 0
我希望将父组件数据值中的更改传递给其子组件，每次父组件中的值发生变化时，如何在vue.js中实现它。我使用的是3个自定义组件，每次都必须反映父组件的当前值。我是vue.js的新手
浏览 0提问于2018-02-15得票数 2
回答已采纳
1回答
VueJS访问嵌套组件数据值
、、、、
父组件包含一个地址组件：
// ParentComponent.vue
<Address ref="childAddress"></Address>
地址组件包含许多联系人组件：
// AddressComponent.vue
<template>
<div>
<Contact ref="childContact"></Contact>
<Contact ref="childContact"></Contact>
浏览 1提问于2018-10-22得票数 2
回答已采纳
1回答
从以下简单的类reddit示例开始：
Vue.component('post', {
template: "#post-template",
props: ['post'],
data: function () {
return {
upvoted: false,
downvoted: false
};
},
methods: {
upvote: function () {
this.upvoted = !this.upvoted;
this.downvo
浏览 1提问于2017-07-18得票数 0
回答已采纳
编辑:通过重写电子邮件-phone-input.Component.ts来使用ControlContainer，从父控件获得FormGroup以及FormArray控件，我成功地实现了数据传递和验证工作的完美。将使用工作代码更新回购程序并回答以下问题。
我试图让表单组的验证器包含从带有表单数组的子组件发送的对象。
当前层次结构-个人电子邮件组件，个人电话组件(使用外部包)，然后一个电子邮件+电话组件，包含FormArray的电子邮件和电话，然后是一个主窗体与一个单一的格式控制，从电子邮件+电话组件获取数据。
我已经得到了所有的数据，但我不知道如何将验证器送到主表单。
链接到包含代码+演示的st
浏览 0提问于2020-01-29得票数 1
回答已采纳
假设我有一个名为child-component的vuejs组件，它被添加到一个父组件中，如下所示。
<child-component>
<div>Hello</div>
</child-component>
注意:这不是辅元件的模板。这就是将子零部件添加到父零部件的方式。
如何将子组件中的innerHTML，即<div>Hello</div>作为字符串获取？
浏览 0提问于2017-11-15得票数 5
回答已采纳
1回答
我知道在AJAX回调之后更新Vue应用程序中的数据的常见问题--我已经阅读过并修复了以前使用Vue.set的类似问题，但现在它对我来说不起作用。
我能想到的唯一不同之处是，我在组件中调用一个服务(.vue文件)
如果我用chrome中的VueJS工具检查dom，我可以看到从服务中分配给我的module.options属性的数据，这些数据都发生在创建的函数中，但它没有在屏幕上绘制它
附加的是完整的.vue组件和一个屏幕截图，显示开发工具中记录的数据和没有呈现的模板。
这个片段不会运行，只是比直接粘贴到post更好的格式。
简而言之，来自this.build_service.getOptionsF
浏览 0提问于2017-06-23得票数 2
回答已采纳
我有通过表单生成器构建表单的组件，现在我需要包含一个只有一个输入框作为表单控件的组件。
add.ts
this.newForm = this.fb.group({
name: ['', [Validators.required]],
surname:['', [Validators.required]],
time: ''
});
“时间”必须作为一个不同的组成部分包括在内。
add.html
<div class="form-group">
<
浏览 0提问于2017-02-20得票数 3
回答已采纳
我让MyComponent使用setData()写入状态数据，使用getData()读取状态。这是反应的最佳实践吗？它对我很好，但不确定我所做的是否是最简单的方法，请提出建议。
class MyComponent extends Component {
constructor(props) {
super(props);
this.state = {
data: []
};
}
setData(){
this.setState({data:"123"});
}
getData() {
c
浏览 0提问于2017-05-01得票数 9
回答已采纳
2回答
我有一个数组，我想保存在我的数据库中。我有一个页面(父组件)和一个表单(子组件)，其中我的生日输入是(我在数据库中保存的)。select html元素位于子组件中，每次更改后，我都会获取它们的值。现在，我需要将接收到的值从select元素传递回我的父组件，并使用接收到的道具更新数组。我将尽可能地重新创建我的代码：
AuthenticationPage.js (父母)：
import React from 'react';
class AuthenticationPage extends Component {
constructor(props) {
浏览 0提问于2020-04-26得票数 1
1回答
我想将父组件的这个方法传递给子组件，让我解释一下:当我单击我的模式(子组件)上的确认按钮时，它必须发送父窗体(父组件)的数据。
父组件的方法：
<b-form @submit.prevent="onSubmit">
.......
</b-form>
async onSubmit() {
this.errors = false;
await this.$store.commit('commit_contractable_id', this.id)
await this.$store.dispatc
浏览 7提问于2022-01-14得票数 0
回答已采纳
1回答
官方文档称，组件中可以有data和props选项。
对我来说，这似乎是一种过度的功能。
为什么我的组件中既需要属性又需要数据？他们的目标是什么？
浏览 0提问于2016-02-22得票数 42
回答已采纳
2回答
VueJS是个新手，所以希望能得到一些关于最佳方法的建议。
我有一个包含多个子组件的父组件。
创建子组件后，每个子组件都会附加一个事件处理程序
this.$parent.$on('save', this.save);
这样，每当我在父对象中发出以下代码时，我们就会调用子对象save方法
this.$emit('save', block);
我看到的问题是，每个孩子听到来自这个家长的事件时，都会对这个事件做出反应。
有没有更好的方法让特定的孩子对父点击事件做出反应？
浏览 1提问于2018-03-08得票数 0
我想知道如何从Vue.component获取数据并发送到此新应用程序= >>var Vue({ })<<这是我的代码
Vue.component('my-form', {
template: '#my-form',
props:['ddTechtemp'],
data: function () {
return {
isCores: app.testCorres,
activeClass: 'isCorrespon',
errorClass
浏览 8提问于2017-04-28得票数 8
回答已采纳
1回答
我是个新手。我的要求很简单-我有两个组成部分-表格和highcharts折线图。我想要一个选项，在那里用户可以单击表格单元格，它将更改/重新加载折线图中的数据。
我试着用道具将点击的值传递给另一个组件，但不知何故不起作用。我阅读了几篇文章，但不知何故都不起作用，可能是因为我是新手，不确定我到底需要寻找什么(state/props/context/hooks)。
有没有人能帮我看看，告诉我哪里出了问题？
组件1：
export default function Table() {
const [state, setstate] = useState({cont:""})
浏览 2提问于2021-09-14得票数 0
我正在编写Vue.js和Vuetify的仪表板。
仪表板将由一个小部件网格组成，这些小部件都有相同的页眉和页脚，内容不同(大多数是图表)。
我正在使用extend特性的Vue.js来创建一个标准的小部件，这个小部件将被所有其他的最终小部件继承。
不幸的是，我无法从托管派生组件实例的主视图中设置基本小部件的标题。
让我向您展示一个非常简单的示例，说明我正在尝试做什么：
当我在文本字段中键入一个新的用户名时，“默认”用户永远不会被更新。
有人能解释一下我做错了什么吗？
浏览 0提问于2019-03-21得票数 0
回答已采纳
我正在尝试VueJS，目的是逐步更新一个jQuery项目，但我在子组件中传递来自父组件的数据时遇到了一些问题。
我的父组件是
// parent_component.js
var parentData = {};
var parentComponent = Vue.component('parentComponent', {
data: function() {
return {
parentData: _parentData
}
},
delimiters: ['((', '
浏览 1提问于2017-10-28得票数 1
1回答
现在，我们面临着选择JavaScript框架(VueJS)的问题。在我们自己的内部项目Dilly-Dally中，我们面临着输出更大的JSON对象的问题。(近似。15000行json)
我们的计划是将这些数据放在一个表格中，但是看起来VueJS在快速显示如此多的信息方面有点吃力。
我们尝试用普通的文本字段替换输入字段，看看这是否提高了性能，我们也尝试了分页，但也没有解决我们的问题。
因为现在我们有大约20秒的加载时间，当你的浏览器满负荷的时候。
所以现在亲爱的堆栈溢出，我们转向你！你有什么想法来改善加载时间吗？
下面是我们如何制作表格的一个片段。
<b-table striped hove
浏览 1提问于2020-03-17得票数 0
1回答
表单之间的通信
、、
在.net中，窗体之间的通信可以通过使用构造函数、使用委托等多种方式来完成，但我的问题是如何访问子窗体中从父窗体输入的值，或者windows窗体之间的双向通信是可能的。
浏览 1提问于2011-01-11得票数 0
回答已采纳
我是一个反应的初学者，我从反设计网站复制了登录表格的代码。但现在我收到了这条错误信息。你能帮我找出错误吗？
"'Readonly<{子？：ReactNode；}> & Readonly>‘找不到’窗体‘属性。“
这是代码：
class NormalLoginForm extends React.Component <{}, { value: string }>{
handleSubmit = (e: any) => {
e.preventDefault();
this.props.form.validateFields
浏览 0提问于2018-06-21得票数 0
7回答
我开始使用vuejs (2.0)。我构建了一个包含一个组件的简单页面。该页面有一个包含数据的Vue实例。在该页面上，我注册了组件并将其添加到html。该组件有一个input[type=text]。我希望该值反映在父对象(主Vue实例)上。
如何正确更新组件的父数据？从父级传递绑定的道具并不好，并且会向控制台抛出一些警告。他们的文档中有一些东西，但它不起作用。
浏览 73提问于2016-12-02得票数 210
回答已采纳
我在index.vue中有一个Vue复合渲染
在index.vue中，我们有一些数据
data(){
return {
splashIsActive: true,
tutorialIsActive: false,
gameIsActive: false
}
}
以及index.vue 中的组件。
<SplashBox v-if="splashIsActive"/>
然后，如果我们去splashBox有一个按钮。
<button @click="debug">....
是否
浏览 12提问于2022-07-28得票数 0
我试图在子组件中单击窗体上的一个按钮。我也尝试过使用ViewChild & ViewChildren，将模板引用为ElementRef。它都返回值，而不是本机元素。
import {
Component,
ViewChild,
AfterViewInit,
ElementRef
} from '@angular/core';
import {
HelloComponent
} from './hello.component';
@Component({
selector: 'my-app',
template
浏览 2提问于2018-08-22得票数 3
回答已采纳
我正在尝试制作需要对象数组才能工作的组件。我用道具把它从父母传给孩子。
我正在使用axios从API获取数据。
由于数组中的对象可能不包含必需的键"is_selected“，所以我要将其添加到数组中的每个对象中。但问题是数组有时是空的。
我已经试过了我能找到的一切。它唯一的工作方式是使用静态数据。
我还创建了，您可以在控制台中看到“组件数据”出于某种原因是空数组，但是如果您将静态对象分配给数组，它将完美地工作。
所以这就是我对我的孩子所做的：
<template>
<ul>
<li v-for="item in items">{{
浏览 0提问于2018-04-25得票数 1
回答已采纳
编辑:我创建了一个代码框。下面是链接：
我有一个场景，需要从子组件更新父组件中的数组。
例如，我从表单中添加数组内容，因此，如果我在子组件中有7个项(从子组件中添加，然后从窗体逐个传递到父组件)。
如何编辑/更新单个数组行而不更改原始数组？
添加很好，我需要编辑单个项目，并更新父组件(它包含来自子组件的所有数组元素)，但是如果没有变异，它就无法完成。
父组件：
handlePlansClick = (planData) => {
this.setState(state => ({
lead_plans: [...state.lead_pla
浏览 0提问于2020-07-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
