从父组件关闭对话框
是指在前端开发中，通过父组件的操作来关闭一个对话框或弹窗。这种操作通常用于用户点击某个按钮或执行某个动作后，关闭当前显示的对话框。
在前端开发中，关闭对话框的实现方式有多种，可以通过以下几种常见的方法来实现：
- 通过状态管理：在父组件中定义一个状态变量，用于控制对话框的显示与隐藏。当需要关闭对话框时，通过修改该状态变量的值来触发对话框的关闭。
- 通过事件传递：在父组件中定义一个关闭对话框的事件，并将该事件传递给子组件。当需要关闭对话框时，子组件通过触发该事件来通知父组件关闭对话框。
- 通过props传递方法：在父组件中定义一个关闭对话框的方法，并将该方法通过props传递给子组件。当需要关闭对话框时，子组件通过调用该方法来通知父组件关闭对话框。
关闭对话框的场景和应用广泛，例如在表单提交成功后关闭提示框、在用户取消操作时关闭确认框等。关闭对话框可以提升用户体验，使界面更加友好和易用。
腾讯云提供了一系列与前端开发相关的产品和服务，例如云服务器、云函数、云存储等，可以帮助开发者构建稳定、高效的前端应用。具体产品和服务的介绍和链接地址如下：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。了解更多：腾讯云云服务器
- 云函数（SCF）：无服务器函数计算服务，可快速构建和部署前端应用的后端逻辑。了解更多：腾讯云云函数
- 云存储（COS）：提供安全、稳定的对象存储服务，适用于前端应用的文件存储和管理。了解更多：腾讯云云存储
以上是关于从父组件关闭对话框的完善且全面的答案，希望能对您有所帮助。
相关·内容
1回答
我用角质材料打开对话框。我有很多组件在对话框中得到了开放，但作为一个良好的分离关注的问题，我想避免烘焙在对话行为的组合。我有一个包装组件调用仪表板对话框，它有一个ng内容区域，并提供了一些基本功能和样式。
我希望能够做这样的事情，我可以做的tsx/反应；
const dialogComp = `<app-dashboard-dialog><app-create-user-form (create)="handleCreate()" cancel="handleCancel()"></app-create-user-form>&
浏览 1提问于2020-05-13得票数 1
2回答
所以我有两个组件HomeComponent和UserComponent。UserComponent是HomeComponent的一个子类，如下所示：
UserComponent.html：
<form [formGroup]="form">
<div style="display:block">
<label style="display:block">Search:
<input #filterString formControlName="filterString
浏览 1提问于2017-12-28得票数 0
回答已采纳
有没有一种从父视图模型到KnockoutJS组件的通信方式？
我有一个组件，它包含一个引导模式对话框，用于搜索客户并返回选定的客户。目前，为了使对话框出现，我从组件的params属性中的视图模型中传递一个可观察的布尔值。为了使对话框出现，我将其设置为true，这将调用对话框。我还在params中传递一个回调函数来返回结果。
这里是一个小提琴演示，它展示了这个概念：
传递可观察到的布尔值来调用对话框并不合适，但这是我仅有的一个可行的解决方案。我唯一的另一个想法是使用ko-postbox创建发布/订阅函数。
感觉应该有一种方法来调用动作，例如component.Show()？
浏览 0提问于2014-11-14得票数 1
回答已采纳
我在我的项目中使用了一个Vuetify.js，当我使用v-对话框组件时，我遇到了一个问题，就是关闭v-对话框并再次打开。
这是我的密码。
<div @click="dialog=true">click here</div>
<v-dialog v-model="dialog">
<alert-popup />
</v-dialog>
data() {
return {
dialog : false
}
这是我第一次打开对话框时的工作，但当我再次打开时，只能看到不透明的黑色页面，我不知道
浏览 1提问于2020-07-29得票数 4
我在父对话框的选项卡控件中制作了子对话框，如下所示。
子对话框使用数据库，所以当我按下父对话框的“取消”按钮时，它必须是"db.Close()“。
在这种情况下，子对话框如何知道父对话框是否按下了“取消”按钮？
或者..。
子对话框在被父对话框销毁之前如何知道？
浏览 0提问于2017-05-28得票数 0
1回答
我希望从使用ng模板的材料对话框中获取数据。我得到'MeetingsComponent‘类型中不存在的属性’数据‘。在尝试使用这一行的时候。
<button mat-raised-button [mat-dialog-close]="data" cdkFocusInitial>Save</button>
这是模板的完整代码：
<ng-template #editMeeting>
<mat-dialog-content>
<mat-form-field appearance="outli
浏览 16提问于2022-11-16得票数 0
回答已采纳
1回答
我试图在我的组件中改变PrimeNg手风琴的样式：简单的变化，比如字体风格，颜色变化.页面上说我可以用styleClass传递一个样式。这对我不起作用。
在我的组件中，我可以通过以下方式删除阴影：
::ng-deep .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
box-shadow: none;
}
据我所知，不建议使用ng深度。没有ng深度，除非我将CSS放入一个“全局”CSS文件中，否则不会发生任何事情。但它不只是改变了我自己的成分。
此外，CSS选择器是疯狂的长，
浏览 6提问于2021-09-18得票数 0
我的工作角度9，我使用的对话框功能在角材料，你可以看到的例子。我希望在某个时候向主组件发送信息，而不关闭对话框。
不用使用下面的代码，我可以发送数据而不关闭对话框
this.dialogRof.colse(data);
示例：
app.component.html：
<button (click)="addUser()">
app.component.ts：
addUser(){
const dialogRef = this.dialog.open(AddUser, {
width: '350px'
});
}
add-u
浏览 0提问于2020-11-13得票数 0
4回答
我已经在另一个组件中创建了作为组件的对话框。对话框打开时没有问题，但关闭并尝试重新打开它时，id是不可见的。
父组件
import { Component,OnInit } from '@angular/core';
import { PostComponent } from './post/post.component';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.co
浏览 2提问于2017-07-08得票数 5
回答已采纳
我正在接收来自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回答
是否可以创建通用对话框并在必要时向其中注入不同的组件。
例如，我有对话框和注入组件first-component
<dialog>
<first-component></first-component>
</dialog>
或者，如果我需要，我可以重用对话框并注入另一个组件：
<dialog>
<second-component></second-component>
</dialog>
我们能用角质材料吗？
浏览 1提问于2017-11-09得票数 3
回答已采纳
我有一个添加警报组件的任务，您可以在单击CloseButton时关闭该组件。我已经这样做了，它工作了，但是任务描述还在继续:完成的组件的用法应该是这样的：<ErrorDialog error={error}>，其中error是一个错误消息。如果该错误为blanck，则根本不会显示该对话框。
下面是我的ErrorDialog.js代码：
import React, { Component } from 'react';
import { Alert, AlertDescription, CloseButton } from '@chakra-ui/react&
浏览 3提问于2021-06-11得票数 0
2回答
我想做一个类似选项卡控件的东西，但在顶部没有可见的选项卡。
我更喜欢从列表中选择标签或在页面左侧的树，像这样的东西…
选择左侧的列表/树项目会更改对话框右侧的所有内容。
我知道我可以通过单独显示/隐藏RHS上的所有字段来做到这一点，这取决于所选的视图，但是当至少有10种不同的设计时，这是难以管理的。C++不允许我设计组并一次性使其可见/不可见。我更喜欢将它们设计成完全独立的对话框资源，然后引入它们，就像选项卡控件一样。
我相信Windows Forms有一个ContentControl，它就像一个没有标签的选项卡控件，听起来很完美，但MFC似乎没有这个功能。
有没有办法很好地做到这一
浏览 2提问于2013-11-26得票数 1
1回答
我在primevue中使用了确认对话框，并得到了以下错误：
Vue警告:未找到注入“符号()”
我不知道这个错误是什么，也不知道如何修复它。有人能帮我吗？这是我的源代码
const deleteCategory = () => {
confirm.require({
message: 'Are you sure you want to proceed?',
header: 'Confirmation',
icon: 'pi pi-exclamation-
浏览 2提问于2021-09-07得票数 3
1回答
是每个人都提到的文章。它基本上是说所有API调用都应该由容器/智能组件进行，数据应该传递给表示/哑组件。
这里是我的用例：
假设有一个对话框/模式，其中有一个表单(如下所示)。现在，当字段Access Type发生变化时，Permissions下拉列表中的选项也会发生变化，数据将从服务器获取。
我的问题是：
1)此对话框是容器还是表示组件？或者换句话说，这个组件应该进行API调用来创建一个新用户，还是应该包装在发出API调用的容器组件中呢？
2)如果假设此对话框是表示组件，那么每次Access Type发生变化时，如何调用Permissions来获取Permissions列表？发射事件是
浏览 0提问于2019-02-11得票数 2
，我正在玩一个新的娱乐项目。我已经使用v-对话框实现了登录和注册，我正在调用来自多个组件的那些v-对话框。基本上，它对我有效，但当我点击一个按钮弹出下一个v-对话框时，我希望关闭前面的对话框。
目前的工作：
1)在肚脐上放置一个标志按钮。当单击该按钮时，v-对话框中的标志将弹出。
登录页面上的还有另一个按钮，它将打开一个v-对话框，用户可以在其中选择帐户类型。在选择按钮时，另一个v-对话框将以登录页的形式打开.
我需要的解决方案：
当新对话框弹出时，我可以关闭前一个对话框的方法或逻辑。
希望能有一些好的想法
浏览 4提问于2020-10-15得票数 0
我想将对象传递给NbDialogComponent，以及如何从NbDialogComponent获取对象。
有人说正确吗？
对于pass对象，组件文件，我尝试这样做：
import { NbDialogService } from "@nebular/theme";
constructor(private dialogService: NbDialogService) { }
const paymentData : any = {
service_id: 1,
information: [{info:'test1'},{info:'test2
浏览 9提问于2020-12-30得票数 1
我正在写一个对话框组件，我不知道如何自我关闭对话框。
<template>
<div class="dialog" v-show="visible">
...
<button @click="close">Close</button>
</div>
</template>
<script>
{
props: {visible: {type: Boolean, default: false}},
methods: {
浏览 3提问于2017-12-21得票数 0
回答已采纳
2回答
VueJ:如何重用引导模式对话框
、、、、
我已经创建了三个简单的按钮来触发三个不同的引导模式对话框。模态对话框为"Add Product"、"Edit“和"Delete Product"。Add和Edit模态对话框都包含一个带有两个输入元素的表单，而Delete模式对话框包含一个简单的文本。我意识到我的代码变得非常混乱和难以维护。因此，我有以下问题：
1)如何重用模态对话框，而不是创建三个单独的对话框？
( 2)我如何知道哪个模态对话被触发了？
Update：我已经开发了一个解决方案，其中将包括条件语句，例如v-if、v-else和v-，以跟踪用户单击哪个按钮。不过，我仍然觉得有更好的解决办法。
浏览 0提问于2019-05-22得票数 0
回答已采纳
3回答
从mui对话框返回一个值
、、、、
我已经创建了一个自定义的React钩子来使用MUI对话框，使用。但是，我需要从对话框中返回一些值，比如如果单击了OK按钮。但我有一些麻烦。
下面是来自上下文提供程序的代码片段：
const showAlertDialog = (title: string, text?: string): Promise<boolean> => {
setOpen(true);
setTitle(title);
setText(text);
return new Promise<boolean>((resolve: (value: boolean)
浏览 9提问于2022-10-24得票数 1
回答已采纳
在我的位置视图中，我有一个从列表中删除位置的Vuetify对话框设置。我现在有了第二个用户列表，它们将具有相同的功能和对话框，所以我认为现在是重构删除对话框并将其移动到组件中的好时机。下面它可以正常工作，但是当我移动到一个组件中时，我肯定遗漏了一些东西，有什么指示吗？
<template>
<v-dialog
v-model="dialogDelete"
max-width="500px"
persistent
>
<v-card
浏览 7提问于2021-02-25得票数 0
我是通过将父状态作为支持传递给子组件来打开子组件模型的。是否有任何方法可以在不受父组件干扰的情况下关闭子组件本身的模式。
class Parent extends Component {
constructor(props) {
super(props);
this.showModal = this.showModal.bind(this);
this.state = {
showModal: false
};
}
showModal() {
this.setState({ showModal
浏览 0提问于2019-05-13得票数 7
回答已采纳
1回答
在角度上，有一个内置的动作对话框框架，当showDialog = true时，我不得不使用它来显示动作弹出窗口。
动作对话框将在showDialog=true时显示，否则动作对话框将在showDialog=false时隐藏。
当showDialog = false时，必须使用setter和getter方法调用cancel方法。
但是，在调试代码时，它会继续检查getter和setter方法，即使我没有触发操作对话框。
有什么方法可以用生命周期方法在角比较以前的值和当前的布尔值的showDialog。示例:如果previousValue.showDialog != currentValue.sh
浏览 2提问于2019-06-25得票数 1
2回答
VUE中父组件的切换模式对话框
、、、、
因此，我想从父组件切换我的模态对话框，我尝试了这里提到的每个步骤( )，但是我的modal对话框仍然是不可见的，当我从VUE控制台看到它时，它甚至有未定义的值。在元素部分中，没有创建模态对话框div。
我的模态对话框不是显示在网页的元素部分，而是显示在Vue控制台中，带有未定义的支柱值。但是Click效应是从父组件开始工作的。当我点击div时，模态设置为true。
我的父母密码
<template>
<div class="collection">
<section class="section section-
浏览 0提问于2020-04-08得票数 1
回答已采纳
1回答
当我打开一个组件时，我需要关闭所有其他组件。单击时，它们会呈现一个列表
class ParentComponent extends Component{
constructor(props){
super(props)
this.state= {...}
}
render(){
return(
<DropDown />
<DropDown />
<DropDown />
)
}
}
每个DropDown组件都有自己的状态来管理单击事件时的打开
浏览 0提问于2017-10-26得票数 0
1回答
我正在寻找一个对话框，允许我点击外部。网络上当然有很多例子，但我不知道这种对话会被称为什么。为了清晰起见，我正在寻找一些类似的对话，在谷歌驱动器中出现在上行文件，它允许您继续在仪表板上工作，而该文件正在传输和对话框仍在打开。也许在角材质对话框中允许这样的设置，但我不知道该设置什么
浏览 0提问于2019-08-29得票数 0
回答已采纳
所以我有一个对话框组件和它的父组件共享一个可重用的组件。每次我从对话框中调用可重用组件的函数时，它也会从其父组件调用它(两者都在调用ngAfterViewInit()上的函数)。您知道如何防止父组件调用它两次吗？
父组件
@ViewChild('receivablesCustomerAcc', {static: false}) private customerAccountSelect: CustomerAccountSelectComponent;
public ngAfterViewInit(): void {
this.customerAccountSelect
浏览 5提问于2020-05-05得票数 0
1回答
我打开了一个对话框，内容如下： (<any>$(this.showAnswersModal.nativeElement)).foundation('open'); 如果我通过IntelliJ运行debug，对话框中有一个close按钮可以正常工作(关闭对话框)，但如果我没有使用IntelliJ运行debug，它不会关闭对话框。无论是否处于调试状态，在对话框外部按和/或单击都会将其关闭。
浏览 20提问于2021-11-15得票数 0
目前，我有一个模态材料对话框窗口，要求用户输入一个数字，然后点击搜索。在搜索时，它从api调用中获取数据并返回一个响应对象。我想使用response对象填充一个新页面(编辑表单)。
我的问题是，如何将数据，特别是用户在Material对话框组件上输入的数字传递给另一个组件，以便它能够获取api调用结果，或者如何从对话框中将响应对象传递给我的编辑？
例如。
这是我的搜索功能：
search(searchNumber) {
if (this.selectedOption === 'Bill Number') {
this._transactionService.
浏览 0提问于2018-03-29得票数 1
回答已采纳
我有一个登录组件，在这个组件中，我使用对话框动态登录，这也可以从其他组件访问。在这个组件中，我们有注销函数(用于注销用户)。因此，我如何能够执行注销功能，从其他组件，是存在于登录组件。
导出类loginComponent实现OnInit {
let postdata = {
email:email,
password:password
}
this.register.customerLogin(postdata).subscribe( (response) => { response; });
}
注销()
localStorage.removeItem(&
浏览 0提问于2018-04-03得票数 0
回答已采纳
7回答
我对垫子对话关闭的用法有点困惑.
所以，我有一个带有表单的对话框。如果用户单击submit按钮，表单将被验证。如果输入有效，则关闭对话框并提交表单。但是，如果输入无效，则对话框将保持打开状态，并显示错误消息。为此，我想使用mat对话框-关闭，因为它在中被描述为如下所示：
<button mat-button [mat-dialog-close]="true">Yes</button>
我认为我可以传递给它一个布尔值，标签是否是活动的取决于变量的布尔值。然而，这是行不通的。我试过这样做：
<button type="submit" (
浏览 0提问于2017-12-01得票数 26
回答已采纳
我试图在一个子组件上打开一个vue材质对话框。我希望触发器按钮保留在父组件上，并在子组件上保留对话框模板，以便更容易维护。
对话框正确打开，但当我单击“关闭”按钮时，对话框将关闭，但无法使用“触发器”按钮再次打开该对话框。我使用一个道具将变量从父变量传递给子变量。
如何关闭对话框并再次打开它？
app.vue:
<template>
<div>
<button @click="showContextMenu = true">
<span>Show Context Menu</span>
浏览 8提问于2020-05-05得票数 0
回答已采纳
1回答
我在Angular group项目中，我正在尝试实现当前工作空间的删除功能，但我不确定如何做到这一点。关于如何做到这一点，有什么建议或帮助吗？ 在add-workspace.HTML文件中，我有一个按钮可以显示一个对话框(delete-workspace- dialog )。 在delete-workspace-dialog组件文件中有一个delete按钮。我正在尝试使用该按钮删除当前工作区。 delete-workspace.dialog.ts文件内部也称为delete对话框 export class DeleteWorkspaceDialogComponent implements On
浏览 39提问于2020-04-01得票数 0
我有一个组件是一个对话框(用户创建表单)。
this.dialog.open(AddUserComponent, { restoreFocus: true });
该组件通过模板引用打开另一个对话框(以避免为简单段落创建大量组件.)
<mat-dialog-content>
<!-- user creation form -->
</mat-dialog-content>
</mat-dialog-actions>
<button (click)="submit()">
create
</
浏览 7提问于2022-08-17得票数 1
回答已采纳
我有一个包含Reactstrap模式的组件。当modals函数完成时，将调用切换函数。此外，不再安装模式，因为应该显示不同的组件。不幸的是，这导致模式消失而不是转换。我正在寻找最好的方法来保持它的安装，直到过渡完成。 下面是用于卸载的代码(LoginModal是要卸载的模式) render() {
const { isAuthenticated} = this.props;
const authLinks = (
<Fragment>
<Nav navbar>
</Nav>
浏览 9提问于2019-12-05得票数 0
1回答
我正在尝试构建一个名为v-dialog的可重用组件。我的想法是，当对话框弹出时，将由2个按钮组成，称为submit和cancel。
对于对话框的submit按钮，组件将根据用户单击哪个按钮使用不同的操作链接。
例如，当用户单击对话框的button A按钮时，A将调用函数名，button B将调用函数名B，等等。
假设这是一个我称为DialogReusable.vue的组件文件
<v-dialog
v-model="dialog"
persistent
max-width="300"
浏览 10提问于2022-11-04得票数 1
回答已采纳
我有一个有几个组件的角2应用程序：
- app
- sidebar-panel
- main-panel
- obj-container (1)
- obj-container (2)
- (etc)
- footer-panel
基本上，我想要的是显示/隐藏页脚面板：
当我双击‘obj-容器’中的任何一个对象时，它应该是可见的。我想要从角度'dblclick‘事件的处理程序，在每个’obj-容器‘组件代码。
在它的HTML模板中，页脚面板应该有一个关闭按钮来隐藏它。
如果这两个显示/隐藏动作都有像j‘uery 'slide
浏览 5提问于2017-07-12得票数 0
2回答
我有一个父对话框，其中有一个子对话框驻留。在子对话框中有一个关闭按钮。
在单击此“关闭”按钮时，要同时关闭“父”和“子”对话框。我们如何在angular6中做到这一点？
浏览 7提问于2020-04-22得票数 2
回答已采纳
我在模态对话框中显示表数据，当我单击表行来编辑数据时，它将打开另一个模态对话框，在这里，我使用componentWillMount()中单击的行id获取行数据。但是，当我关闭编辑模式对话框并尝试编辑其他表行时，componentWillMount()将不会调用。所以编辑模式对话框是空的。为什么componentWillMount不每次都打电话？
浏览 2提问于2017-11-14得票数 1
2回答
我正在尝试使用component在角1.6与以下：
输入的单向数据绑定(例如< bindings而不是=)
事件用于输出(& bindings)。
从父组件调用子组件中的函数的最佳方法是什么？
在我的场景中，我的子组件将使用showModal()函数表示一个模态对话框。我想为要编辑的项传入一个ID (使用<输入绑定非常容易)，然后从父组件(项列表)调用子组件的showModal()方法。
浏览 1提问于2017-02-07得票数 0
站点页眉推荐的方法是什么；页脚组件，其中要求的是只在主页上编写一次全局组件，站点下的所有页面都将重用内容。设计对话框将保存/etc/ design下的创作内容，具有相同模板的页面只需选择它们。类似的要求也可以使用iparsys来实现。推荐的方法是哪一种？
浏览 2提问于2016-02-26得票数 3
回答已采纳
我在Material中有一个对话框，在从web服务获取数据时打开一个嵌套的进度对话框。嵌套对话框不是我喜欢的模式，但客户端喜欢。
如果获取成功，我想关闭进度对话框和父对话框。如果提取失败，则关闭进度对话框，但保持父对话框打开。
我正在使用Redux，所以当API请求成功完成时，设置标志来关闭这两个标记。这些标志最终通过道具传递给对话框。
但是，似乎父对话框是在嵌套之前呈现的，因此它首先消失，然后是进度对话框。有点丑。
我怎么能在父母之前解雇孩子--或者和父母同时。这两种方法都是可行的
浏览 5提问于2017-10-07得票数 0
1回答
我有打开材料对话框的组件A
元件A
openDialog(): void {
const dialogRef = this.dialog.open(**component B**, {
width: '1000px',
});
然后，我使用加载图像在该对话框和按钮上传，我上传使用组件B到服务器。现在，当我完成上传图像时，我想关闭组件B中的对话框。
组件B
onUpload() {
const fd = new FormData();
fd.append('image', this.selectedFile);
thi
浏览 0提问于2019-09-06得票数 3
回答已采纳
1回答
我在一个组件中有几个对话框。它们看起来都差不多，所以我想做一个函数，用不同的消息调用不同的对话框。这是我已经想到的:当前对话调用：
deActivate(user: UsersList) {
const dialog = this.dialog.open(DeactivateUserDialogComponent, {
height: '20%',
width: '50%',
data: {
dialogMessage: user
}
});
浏览 0提问于2018-09-12得票数 1
在xp:对话框中，我有一个加载后端数据并关闭对话框的按钮。
<xp:button value="Label" id="button1">
<xp:eventHandler event="onclick"
submit="true" refreshMode="partial" refreshId="rptContainer">
<xp:this.action><![CDATA[#{javascript:
//load d
浏览 6提问于2018-09-02得票数 0
2回答
我的e4 javafx应用程序在播放主窗口之前显示登录对话框。
LifeCycleManager类
@PostContextCreate
void postContextCreate(Application app, IEclipseContext econtext){
//display login dialog extends org.eclipse.fx.ui.dialogs.TitleAreaDialog
LoginDialog dialog = new LoginDialog(null, "Login", "Login title"
浏览 2提问于2015-03-25得票数 1
回答已采纳
1回答
我在两个组件之间使用Material UI对话框窗体。在父组件Productos.js中，我打开该组件，子组件EditarProductos.js从其父组件接收打开状态。
我遇到麻烦了，因为我只能打开对话框一次，然后就不能再打开它了。
下面是来自Productos.js (父组件)的代码
//Code...
import EditarProductos from './EditarProductos';
//Code...
function Productos(props) {
const [open, setOpen] = React.useState(false);
浏览 5提问于2020-05-18得票数 1
3回答
我有两个组件：CustomerComponent和CustomerCreateUpdateComponent。
CustomerComponent包含客户数据表。CustomerCreateUpdateComponent是一个具有用于创建/更新的输入控件的表单。
我有mat-dialog和CustomerCreateUpdateComponent在里面。打开对话框并填写表单后，我单击submit按钮，然后执行this.dialogRef.close(customer);。customer对象具有所有值。
在CustomerComponent中，我有subscribe on this.dialo
浏览 4提问于2018-08-04得票数 7
2回答
我无法关闭或隐藏我的虚拟对话，我不知道为什么。这是我调用对话框的js文件：
<ItemChooserDialog v-model="showItemChooser" @onItemSelected="onStockSelected" />
export default {
data() {
return {
showItemChooser: false,
}
}),
methods: {
chooseItem(context) {
var s
浏览 4提问于2021-11-28得票数 1
回答已采纳
我在React Material UI中使用useState inside对话框。 我使用useCallBack函数，如下所示。 const [count,setCount] = React.useState({
count: 0
})
const countCallback = useCallback(
() =>
setCount({
...count,
count : count.count + 1
}),[setCount,count]) 在ChildComponent中点击递增按钮执行此回调时，显示递增的数字。 但当我关闭对话框并
浏览 26提问于2020-01-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
