Question

我正在尝试创建一个欢迎指南，我有一个vue步进器，可以单击各个步骤并显示相关信息。指南的每个步骤都有其自己的页面，有些步骤具有与该页面关联的对话框。我不想直接打开该页面并且欢迎对话框消失，而是想直接从欢迎对话框中打开“配置文件更新对话框”。 ProfileCard对话框/表单在其他位置，并且已经制作（可以使用）

这是欢迎对话框：

<template>
<v-dialog v-model="dialog" max-width="400px" scrollable>
    <v-btn color="accent" slot="activator" @click=WelcomeDialog>
        First time here?
    </v-btn>        
    <v-stepper v-model="e6" vertical>
        <v-title>
            <p class="text-lg-center">Follow the links on the left to get started</p>
        </v-title>

        <v-stepper-step :complete="e6 > 1" step="1">
            Complete Your Profile
                <small>Fill out profile info</small>
        </v-stepper-step>
        <v-stepper-content step="1">
            <!-- <v-img src="/images/company-profile.png"></v-img> -->
            <v-btn color="accent" @click="UpdateProfile">Complete Your Profile</v-btn>
            <v-btn color="primary" @click="e6 = 2">Skip</v-btn>
            <v-btn flat @click=close()>Cancel</v-btn>
        </v-stepper-content>

...

<script lang="ts">
        import { ProfileCard } from "../../../components/profile";

   @Component({
    components: {
        ProfileCard
        }
    })

...

单击UpdateProfile按钮时，它应打开另一个对话框。我已确保将ProfileCard导入到WelcomeDialog所在的index.ts中。我已经阅读了文档（https://vuetifyjs.com/en/components/dialogs，特别是“简单对话框”部分），并看到了多种实现方法-但我无法使其成功。我不清楚这些对话框的实际调用方式。我需要激活第二个对话框的方法吗？如果是这样，为什么我不需要一个人来打开第一个？任何帮助表示赞赏。

从对话框中打开现有对话框（窗体）

0 个答案: