如何从父组件调用子组件中的方法？
在前端开发中，可以通过以下几种方式从父组件调用子组件中的方法：
- Props（属性）传递：父组件可以通过props将方法传递给子组件，子组件可以通过props接收并调用该方法。这种方式适用于父组件需要主动触发子组件方法的场景。示例代码如下：
// 父组件
<template>
<div>
<ChildComponent :callback="handleCallback" />
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent
},
methods: {
handleCallback() {
// 父组件中的方法逻辑
}
}
}
</script>
// 子组件
<template>
<div>
<button @click="callback">调用父组件方法</button>
</div>
</template>
<script>
export default {
props: ['callback'],
methods: {
// 子组件中的方法逻辑
}
}
</script>- Refs（引用）：父组件可以通过refs获取子组件的引用，然后直接调用子组件的方法。这种方式适用于父组件需要在特定情况下主动调用子组件方法的场景。示例代码如下：
// 父组件
<template>
<div>
<ChildComponent ref="childComponentRef" />
<button @click="callChildMethod">调用子组件方法</button>
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent
},
methods: {
callChildMethod() {
this.$refs.childComponentRef.childMethod();
}
}
}
</script>
// 子组件
<template>
<div>
<!-- 子组件内容 -->
</div>
</template>
<script>
export default {
methods: {
childMethod() {
// 子组件中的方法逻辑
}
}
}
</script>- EventBus（事件总线）：通过创建一个事件总线实例，父组件和子组件都可以通过该实例进行事件的发布和订阅，从而实现方法的调用。这种方式适用于父组件和子组件之间较为复杂的通信场景。示例代码如下：
// 创建事件总线实例
// eventBus.js
import Vue from 'vue';
export const eventBus = new Vue();
// 父组件
<template>
<div>
<button @click="callChildMethod">调用子组件方法</button>
</div>
</template>
<script>
import { eventBus } from './eventBus.js';
export default {
methods: {
callChildMethod() {
eventBus.$emit('callChildMethod');
}
}
}
</script>
// 子组件
<template>
<div>
<!-- 子组件内容 -->
</div>
</template>
<script>
import { eventBus } from './eventBus.js';
export default {
created() {
eventBus.$on('callChildMethod', () => {
this.childMethod();
});
},
methods: {
childMethod() {
// 子组件中的方法逻辑
}
}
}
</script>以上是从父组件调用子组件中的方法的几种常见方式。根据具体的业务场景和需求，选择合适的方式来实现方法的调用。
相关·内容
我在我的应用程序中使用第三方组件。当父组件的子组件更新(即激发componentDidUpdate)时，我想在父组件中执行一些操作，但是当子组件内部更新时，父组件的componentDidUpdate不会触发。
是否存在从子组件已更新的父组件中侦听的内容？假设我不能修改子组件代码。
浏览 0提问于2018-09-28得票数 3
1回答
我有一个标题组件，具有自动完成搜索，当用户搜索某物并从建议下拉列表中选择一项时，主体将相应更改。在正文3节中，是根据三个不同的条件显示的。这里标头和正文是两个不同的组件，因此如何在body中触发函数，该函数有一些逻辑以及假变量和真变量。当用户从自动完成搜索下拉列表中选择某些内容时。
我正在尝试通过服务方式进行沟通。
头码
<div class="docs-example-viewer-body custom-search" *ngIf="showSearch">
<select class="search-dropdown"
浏览 2提问于2018-05-18得票数 1
1回答
我有两个组件，一个导航组件和一个详细组件。在我的导航组件中，我有一些选项或项目可供用户选择。当用户选择一个，我试图更新砖石网格的细节。我能够更新砖石网格，但我需要调用need ()方法。例如：
详细代码组件：
import Masonry from 'masonry-layout';
// on ngOnInit
let grid = document.querySelector('.grid');
let msnry = new Masonry( grid, {
itemSelector: '.grid-item',
浏览 0提问于2018-02-02得票数 0
1回答
我有一个角度父组件，它根据一个值创建一个包含多个子组件的数组(例如，1 ParentComponent创建10 ChildComponents)。ChildComponent具有显示多个按钮的超文本标记语言，其中包括一个删除按钮。delete按钮，同时使子组件删除自身。
删除ChildComponent后，我应该如何将更改通知父级？在删除之后，父对象仍然在其ChildComponents数组中包含被删除的对象。我看过一些关于使用输出EventEmitter的帖子，但是可以在没有EventEmitter的情况下做到这一点吗？
浏览 16提问于2018-01-25得票数 0
Irm尝试从我的vue应用程序中的另一个组件调用函数。 在我的library.vue中，我有一个函数可以打开一个带有id的弹出窗口： displayPopup(id: String) 在我看来，我有一个带有ID的route.param，当我调用mysite.com/12时，我想打开第12个弹出窗口。 在我的视图中，库组件被调用。 有没有人知道当我调用good URL时如何打开弹出窗口？
浏览 90提问于2021-07-05得票数 0
如何将ChildComponent中的hello值传递给App组件，并在页面加载时将其存储在ChildComponent的childProps变量中。
import React, { Component } from 'react';
class App extends Component {
render() {
var childProps ''; // I want store the passed const value in this variable;
return (
<div>
<Ch
浏览 8提问于2022-01-28得票数 1
我需要实现的是，以我将在这里显示的方式，处理从一个JSX组件导入到它的父组件的特定属性。
子组件返回带有'someId‘属性的JSX：
return <h1 someId={123}>{title}</h1>
并且父程序将这个JSX分配给一个变量，然后需要从它读取这个'someId‘属性-然后将该变量挂载到DOM中：
let mySpecialChild = <Child title="Hello boys and girls!" />
let mySpecialChildId = mySpecialChild.someId
浏览 13提问于2022-08-07得票数 0
1回答
我有一个包含子组件数组(Card)的页面。在“父”中，我在状态中保存已单击多少张卡片。因此，每一张卡都有一个回调函数，当单击该函数时，将更新变量。这是正常的，但我也保存在本地状态为每一张卡，无论他们是否已被点击(他们翻转时，点击)。但是当我调用回调时，更新本地状态不起作用(或者组件被重置，或者我不知道会发生什么)，但是它不会更新本地状态。
父级：
export default function Game() {
const [flipState, setFlipState] = useState(0);
function flipCallback() {
if (flipSta
浏览 4提问于2022-01-02得票数 0
回答已采纳
我在网上看到了一些教程，大多数示例都在使用
A类组件，例如
export default class App extends Component {
constructor() {
super();
//set state here and data source
}
componentDidMount() {
//get json data here
}
render() {
return(
blah blah blah
)
浏览 0提问于2019-09-05得票数 0
在我的React中，我在应用程序的顶部有一个选项卡，一个用于导航的侧边栏和一个侧边栏右边的部分，以及显示内容的选项卡下面。当用户单击选项卡时，侧栏将从后端加载其导航数据。然后在加载它之后，默认情况下它选择侧栏中的第一个项并加载内容详细信息。内容细节由不同的组件组成，可能需要进行几个后端调用。
我想做的是在标签上方显示一个进度条，当用户单击该选项卡时，它就会显示出来。只有在加载了侧栏和内容详细信息的全部内容之后，才会取消进度条。侧边栏和内容细节不会更新，甚至不会显示，直到它们从后端完全检索到所有数据并完成任何其他初始化。
准确地确定何时加载了所有内容是很棘手的，因为侧栏中的每个组件和内容细节都负
浏览 0提问于2020-04-14得票数 1
回答已采纳
我在我的App.js中定义了customerid，如下所示：
const customerid=this.state.userid;
我想将这个customerid值传递给我的customer组件。我在customer组件中调用customerid，如下所示。
const result = await axios.get("https://localhost:44357/api/Orders/CustomerId/${customerid}");
如何将cutomerid从app.js传递到customer.js？有什么天才能帮我吗？
浏览 1提问于2021-06-07得票数 0
我是一个新的反应和在一个小问题。我有一个组件，component1。它有一个功能。 class ReportModal extends React.Component {
constructor(props) {
super(props);
this.state = {
modal: false,
imagesList: [],
code: []
};
this.toggle = this.toggle.bind(this);
}
toggle() {
this.setState({
mo
浏览 22提问于2021-07-01得票数 0
目前我有这样的结构。
Child1 <---- Parent ----> Child2
父组件具有此状态
this.state = {
authenticationChecked: true,
isAuthenticated: true,
sideBarRetracted: false
}
this.retract = this.retract.bind(this);
this.unretract = this.unretract.bind(this);
和以下函数
r
浏览 14提问于2020-02-04得票数 0
回答已采纳
2回答
当单击以showExtraBlogposts呈现的按钮时，我想在Blogpostreader.js中调用函数Blog.js ()
我尝试用onClick={Blogpostreader.showExtraBlogposts()}调用它，它返回showExtraBlogposts()不是Blogpostreader的函数.
import React from 'react';
import axios from 'axios';
import Blogpost from './Blogpost.js';
class BlogpostReader
浏览 3提问于2019-05-13得票数 0
您能告诉我，如何将state值从子组件child复制到Parent parent吗？子组件实现按钮上状态的递增和递减。该值也应显示在Parent中。谢谢! import React, {useState} from 'react';
import Child from "./Child";
const Parent = () => {
const [value, setValue] = useState(0);
return (
<>
<span>{value}</s
浏览 29提问于2021-08-21得票数 0
2回答
我有一个组件，它只包含一个表单和一个提交表单的函数。 submitData(newUserForm: NgForm) 当我单击一个按钮时，如何从另一个组件触发此函数？ 我像这样嵌入表单组件： <app-form></app-form> 但是它不是在主组件中创建的，我不能像子组件一样导入它。 我在主组件中有一个服务，但是表单组件没有访问它的权限。 我已经找到了这个，但似乎没有一个对我有效。 How to call another components function in angular2 在主组件中，我需要一个从表单调用提交函数的函数： 类似于： save() {
浏览 33提问于2021-05-03得票数 0
我正在接收来自http请求的一些数据，我希望通过@Output和EventEmitter中继到父组件。我的目标是在子组件中创建一个新项，在它成功地存储在后端之后，追加在后端创建的Id，将其附加到frontEnd中的项中，最后将其添加到父视图中。
我尝试从this.newItem.emit()回调和.onComplete()内部调用.onComplete(Item)，以及我们onNext()。在所有情况下，除了在.subscribe()块之后发出项外，父组件中没有捕获该事件。
child.ts
/* */
@Output() newItemEmitter= new EventEmitter();
浏览 1提问于2019-05-07得票数 0
1回答
我有两个组件，一个父函数组件和一个子类组件。我正在从父函数组件中的子类组件调用一个函数。下面是我尝试过的内容和我得到的错误信息。我想我错过了一些小的东西，但不知道它是什么会感谢任何帮助。
TypeError:未定义不是对象(计算'childRef.current.setModalOpen')
父功能部分：
import React, { useRef } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createSt
浏览 0提问于2021-03-24得票数 0
离它不远的angular不是专家。但我一直在深入研究，我弄不明白为什么调用函数类型的其他组件在构造函数之前运行。为了解决这个问题，我应该把“echo”函数放在哪里呢？除了echo在类型之前被调用这一事实之外，所有的工作都很有吸引力。什么或者如何让echo在任何其他函数之前运行。我不能将它连接到promise，因为它从另一个组件获取数据。我运行了一条if语句来检查全局变量是否存在，显然是因为进程的顺序不存在。 import { Injectable, OnInit, OnDestroy } from '@angular/core';
import { HttpClient, H
浏览 15提问于2020-08-21得票数 1
回答已采纳
我试着创建一个按钮，给我一个点击弹出窗口。弹出窗口包含一个表单，可以让我键入任何新条目。在提交时，条目应该被传递到主组件。 我有两个组件。主要组件是'App‘组件，另一个组件是'Popup’组件。 下面是我的代码： App.js import React, { Component } from "react";
import Popup from "./Popup.js";
import "./styles.css";
class App extends Component {
showPopup = false;
浏览 26提问于2020-09-12得票数 0
回答已采纳
1回答
我相信我正在尝试完成一件简单的事情，但是失败了。 React并没有像我希望的那样从另一个组件的ChildComponent中调用'alertFunc()‘。 下面是ChildComp： class ChildComp extends React.Component {
constructor(props) {
super(props);
this.state = { };
this.input = React.createRef();
}
alertFunc = () => {
alert
浏览 15提问于2020-07-13得票数 0
回答已采纳
1回答
在从父组件接收数据后，我试图显示子组件。我必须采取以下步骤：
我已经在父html页面中声明了组件选择器。
将数据从父组件发送到子组件Show(text: string)方法：
私有文本:字符串；显示(文本:字符串){ this.text = text；}
在此之后，我在子组件中插入*ngIf="text" for div，仅在组件收到数据时显示数据。
但是，当我调用子组件的show方法时，text变量是空的，而我的子组件没有显示。我认为这是因为我的父html页面中的子组件选择器创建了一个对象的新实例，该实例有一个空的text值。我怎么能解决这个问题？
更新
浏览 2提问于2017-09-06得票数 2
回答已采纳
1回答
我是个新手。我的要求很简单-我有两个组成部分-表格和highcharts折线图。我想要一个选项，在那里用户可以单击表格单元格，它将更改/重新加载折线图中的数据。
我试着用道具将点击的值传递给另一个组件，但不知何故不起作用。我阅读了几篇文章，但不知何故都不起作用，可能是因为我是新手，不确定我到底需要寻找什么(state/props/context/hooks)。
有没有人能帮我看看，告诉我哪里出了问题？
组件1：
export default function Table() {
const [state, setstate] = useState({cont:""})
浏览 2提问于2021-09-14得票数 0
2回答
我对状态的理解可能有些不对&反应中的道具。这是使用React，基于Redux的应用程序。
场景：
我有一个全局SVG组件，它从componentDidMount方法中的应用程序中获取视图端口的维数。
SVG在state中的默认支持(在应用程序初始化时)是：
dimension : {
width : 0,
height : 0
}
componentDidMount从DOM中检索width & height值，并将值分派到状态。
现在我有了一个SVG组件的子组件，它需要更新的svg宽度和高度值来计算默认视图框并再次更新状态。这只需要在挂载时执行一次(要点)，因此viewbo
浏览 2提问于2017-03-02得票数 1
回答已采纳
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
当我从ws获得一个事件时，我想使用Emiter：
当我有一个事件时，我想在其他组件中调用一个函数。
构成部分A，打字本代码：
@Output() notify: EventEmitter<any> = new EventEmitter();
getSocketevent() {
this.socket.on('data', (data) => {
this.notify.emit(data)
});
}
构成部分A，html代码：
<app-component-B (click)='getSocketevent()'>
浏览 0提问于2019-08-03得票数 2
回答已采纳
1回答
我试图构建一个应用程序来帮助我学习反应。这是一个简单的应用程序，它将用户输入位置，从googles地理定位api中获取坐标，然后使用黑暗的skys api获取该位置的天气条件。
最初，我的所有应用程序逻辑都在一个容器中，您可以在这里看到
我想把我的逻辑分开一点，因为我觉得我的一个容器做了太多的事情。我希望我的应用程序结构如下。
App.js -持有状态，locationChangeHandler函数传递给LocationSearchContainer。
LocationSearchContainer -地理定位API并调用LocationSearch来显示搜索栏。
WeatherContain
浏览 1提问于2018-09-15得票数 0
回答已采纳
1回答
父组件：
{this.state.Child2 ? (
<Child2 Colorvalue={this.state.activeColor} somename={this.state.name} />
) : (
<Child1 somename={this.state.name} Colorvalue={this.state.activeColor} />
)}
在child1 & child2组件中，我都添加了一个对actioncreator (api调用)的调用，以获得一些信息--在ComponentWillMount方法中--一切都正常。
th
浏览 2提问于2016-11-20得票数 0
回答已采纳
我才刚开始学习反应。如果我有一个带有两个变量的组件，那么在另一个组件中访问这些组件的最简单方法是什么？用道具，useState，useContext？如何在ComponentTwo中使用这两个变量。
import React from 'react';
ComponentOne = () => {
varOne = Mike;
varTwo = Tyson;
Return(
<div>
</div>
)}
export default ComponentOne
import React from 'react';
impo
浏览 6提问于2021-12-14得票数 2
回答已采纳
2回答
最近，我学会了如何将道具从一个组件传递到另一个组件。在我的例子中，从<FileTree>到<TextBox>，如下所示：
但是之后，我对代码进行了一些重新组织，现在可以在<App> (App.js)中看到React的结构了。我决定把<FileTree>和<TextBox>并排放在一起，带着靴带。
因此，从逻辑上讲，我认为将props从<App>传递给<TextBox>和以前一样:从<FileTree>到<TextBox>。不幸的是，事实并非如此。
目前，这是<App>内部的代
浏览 0提问于2018-04-27得票数 4
回答已采纳
我有一个呈现按钮的子组件。当这个按钮被按下时，我想要动画按钮，同时更新父组件的状态，以便它显示不同的视图。
如何从一个事件中完成这两个任务？我想调用单个函数/方法，但我不确定如何从方法中更新父状态-我只知道如何在渲染方法中的事件侦听器上执行此操作。
孩子来了-
return (
<View>
<View style={styles.switch}>
<TouchableHighlight onPress={this.props.buttonClick}>
浏览 1提问于2017-07-06得票数 0
回答已采纳
我正在努力理解如何与Svelte组件进行通信。在我的应用程序中，我创建了两个组件。在一个Antescript.svelte中，我使用bind与App.svelte通信；在另一个Postscript.svelte中，我使用调度进行通信。
一种方法比另一种更好吗？
我可能会遇到使用方法而不是其他方法的问题吗？
调度方法当然需要更多的编码，这是一个问题吗？
App.svelte
<h1>{antescript} {junction} {postscript}</h1>
<div>
<AnteScript bind:antescript={antes
浏览 9提问于2022-04-13得票数 1
回答已采纳
1回答
可以从"parent element“调用导入元件中的函数吗？因为我想在我的应用程序中包含一些模块，并在我的应用程序中动态显示它们。但是，如果我在主App.vue文件夹中导入一个像Header这样的组件，它将识别主App.vue文件夹中的函数。
App.vue示例
<template>
<div>
<div class="m-grid m-grid--hor m-grid--root m-page">
<!-- <loader></loader> -->
浏览 7提问于2018-03-04得票数 1
回答已采纳
我有两个js文件，一个是app.js，另一个是foo.js。我想访问app.js在foo.js中的状态。
App.js
class App extends React.Component {
constructor(props) {
super(props);
this.state = {test:" None "};
}
function onChange(event) {
this.setState({
test: event.target.value,
});
}
render() {
retur
浏览 2提问于2019-05-03得票数 0
回答已采纳
我在不同的路径中有两个vue文件，如views/core/AppBar.vue和view/entity/edit.vue。我希望在发生特定事件时调用或刷新Appbar.vue。 我不知道如何调用或刷新其他组件，哪种方法更好？ 提前感谢
浏览 133提问于2020-03-26得票数 0
回答已采纳
我在模板部分中的{{this.topic}}是当它在父组件中的值发生变化时更新，但脚本部分中的相同值只是保留它在search_params.set('param1', this.topic);中获得的第一个值，代码的其他部分没有任何问题，一切正常。你可以在这里尝试一下http://jsfiddle.net/6gk13sep/1/ 对于那些想知道输出结果应该如何的人来说，当您尝试按下另一个按钮时，应用程序应该使用该按钮名称重新请求API Vue.component('child', {
template: `
<div>
breedKe
浏览 34提问于2020-04-14得票数 0
回答已采纳
1回答
我有一个子组件，它内置在父组件中。我想从父级访问子方法。我想为此目的使用$refs。
模板：
<template>
<div>Parent!</div>
</template>
脚本：
<script>
Vue.component('child',{
template: `<div>I am child</div>`,
}
export default {
name: 'Parent'
}
</script>
浏览 0提问于2019-01-12得票数 1
2回答
我有两个部件。一个是页面，另一个是在页面上滑动的过渡。我希望将一个值传递给transitionComponent中的一个函数，但无法计算出来。@input是实现此操作的最佳方式，还是有其他方法直接调用另一个组件中的函数？
使用代码示例进行编辑--我已经精简了主要组件，只关注传递这个值：
父组件：
import {Component, ElementRef, OnInit} from '@angular/core';
import {TransitionComponent} from '../../PageLoader/Tr
浏览 2提问于2016-06-09得票数 0
回答已采纳
我想将我的状态从基于类的组件传递到基于函数的组件。我正在跟踪，但它不能解决我的错误。我如何访问这些属性？我犯了什么错误？
类组件：
const { userInfo } = this.state;
<UserMenu {...userInfo}/>
控制台错误：
Failed to compile
./src/app/fuse-layouts/shared-components/UserMenu.js
Line 18:32: Expected an assignment or function call and instead saw an expression no-
浏览 2提问于2020-06-09得票数 1
回答已采纳
我想在我的parent function component中ref我的child function component，这样父方法就可以直接调用子方法。它在类组件中工作得很好，但在函数组件中却不能工作。 这就是我所拥有的： //child function component
import React from 'react';
function Testt(props, ref){
return(
<div>this is test</div>
)
}
const ChildRef = React.forwar
浏览 28提问于2021-08-03得票数 0
1回答
我有一个使用Rails和ReactJS的工作应用程序，它有四个组件：
ProductContainer
ProductItem (ProductContainer之子)
BasketContainer
BasketItem (BasketContainer之子)
现在，当我在Product组件中单击“Addto筐”按钮时，我会使用Ajax调用来创建新的购物篮项。这很好，但是如果没有页面刷新，状态就不会更新，我不知道如何提醒BasketContainer/BasketItem，它需要重新呈现组件。
我认为，我需要对Ajax调用的成功进行setState，但我不确定如何对另
浏览 1提问于2016-04-11得票数 0
如何在自定义组件的ngOnInit方法中获取其初始设置的FormControl值？
如果您像这样设置表单控件：
testControl = new FormControl("abc123");
然后使用如下属性将其绑定到html中的自定义组件：
<app-custom-component [formControl]="testControl"></app-custom-component>
如何在自定义组件的ngOnInit()方法中访问它的初始值("abc123")？
我已经为我的自定义组件正确设置了ControlVal
浏览 0提问于2018-10-05得票数 0
我在控制模式下使用React ()。
在父组件中设置tabIndex：
this.setState({
tabIndex: 1,
});
并在属性中传递tabIndex：
<TabContents tabIndex={this.state.tabIndex} />
将组件置于“受控模式”：
export default class TabContents extends React.Component {
constructor(props) {
super(props);
this.state = {
ta
浏览 1提问于2018-11-14得票数 4
回答已采纳
了解以下情况非常有趣-在性能方面是否存在差异
<Child data={{...// some props here}}/>
和
render() {
const data = {...}
return <Child data={data}/>
}
我读过关于函数的文章。最好是替换以下内容中的内联函数：
<button
onClick={() => {
...
}}
/>
至：
handleClick = () = {...}
...
<button
onClick={this.hand
浏览 0提问于2018-05-22得票数 0
如何从parant component中调用角度组件的函数。我在这里试图实现的是在关闭parant组件中的模式之前获得一条确认消息。 子组件内的函数将检查未保存的更改。如果有任何未保存的更改，子代将调用另一个模式进行确认。 在从这个内部模态中确认后，我将再次回调parant中的模态，以调用this.autoPopupUnratedModal.dismiss()调用 这有点混乱，但我找不到一个明确的解决方案。虽然这个问题有很多答案，但似乎没有什么能解决我的问题。也许我看错了来源。 <modal #autoPopupUnratedModal size="lg" [keybo
浏览 20提问于2019-04-14得票数 0
我有一个应用程序，用户可以在其中填写一个表单。
当前，当用户提交表单时，会向服务器发送一个GET请求。服务器使用与用户表单条件匹配的所有数据进行响应。然后加载一个新组件。
码
this.formService.getMyData()
.subscribe(
data => {
this.router.navigateByUrl('/showMyData');
}
);
我不会对收到的数据做任何事。我需要一种将数据传递给新组件的方法。有人知道怎么做到的吗？
我正在
浏览 2提问于2017-01-26得票数 0
回答已采纳
1回答
我似乎不能把我的头围绕着这个发射的东西，希望今天，我能说清楚。我有一个规则数组，this.rules，而我在RuleTable.vue组件中。当我单击Save时，我需要将规则数组提交到后端，并且我没有访问它的权限。如何将this.rules从我的RuleTable.vue组件传递给我的create.vue父组件？
不确定这是否有帮助，但我的this.rules将如下所示
[
{
"name": " one",
"priority": 1,
"url": "https://www.one
浏览 3提问于2022-03-31得票数 -1
回答已采纳
我知道我们通过道具将数据发送到子组件，但是如何将数据发送回父组件呢？
我有一系列下拉框，可以在这些框中选择项目：
DropdownMenu.js
import React, {Component} from 'react';
export default class DropdownMenu extends Component {
constructor(props) {
super(props);
this.state = {
highlight: false,
count: thi
浏览 0提问于2019-02-27得票数 1
我有子组件：
import * as React from "react";
import {Component} from "react";
import {connect} from "react-redux";
class Child extends Component<any, any> {
childFunction = () => {
console.log('childFunction');
};
render() {
return &l
浏览 16提问于2019-07-13得票数 0
我有可重用的组件“两列布局包装器”，其样式在主文件.css中。我想在另一个模块中使用这个组件，但我需要2个不同宽度的类。如何替代样式？
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { Response } from '@angular/http';
@Component({
selector: 'italik-managepackages
浏览 2提问于2017-06-26得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
