Vuejs2 Vue材质对话框：关闭对话框

我正在使用vue材质对话框显示窗体，我已经完成了以下操作：

LeftSidenav.vue-模板：

<md-button class="list-button" id="formBtn" @click="openFormDialog()">
      <md-icon>description</md-icon>
      <span class="sidenav-item-text">{{$t('form_dialog')}}</span>
      <md-tooltip md-delay="100" md-direction="right">{{$t('form_dialog'')}}</md-tooltip>
    </md-button>
    <md-dialog md-open-from="#formBtn" ref="formDialog">
      <md-dialog-title>Title</md-dialog-title>

      <md-dialog-content>
        <form-dialog></form-dialog>
      </md-dialog-content>
</md-dialog>

FormDialog.vue：

<template>
  <div>
    Test
    <div class="buttons">
      <md-button class="md-raised" @click="closeFormDialog">Cancel</md-button>
      <md-button class="md-raised">Submit</md-button>
    </div>
  </div>
</template>

试验
取消
提交

问题是在我的FormDialog中，我不知道如何访问closeFormDialog方法，如何通过单击我的FormDialog.vue上的取消按钮来关闭对话框？

<el-dialog
  :visible="dialogVisible"
  title="Contact Form View"
  ref="changeUserId"
  :before-close="() => dialogVisible = false"
>
  <contact-form />
</el-dialog>

在关闭之前检查它是否具有与元素ui相同的功能

---

在关闭前检查它是否具有与元素ui相同的功能

您找到解决方案了吗？我也有同样的问题Hi Siddharth！不，我没有找到解决方案我仍然有这个问题：/我现在没有这个问题，因为我替换了vue:Dhahahaha！我喜欢vue，但我仍然无法完成我的关闭操作，在vuejs论坛中，有人告诉我使用$emit，但这不起作用：/您找到解决方案了吗？我也有同样的问题Hi Siddharth！不，我没有找到解决方案我仍然有这个问题：/我现在没有这个问题，因为我替换了vue:Dhahahaha！我喜欢vue，但我仍然无法完成关闭操作，在vuejs论坛中，有人告诉我使用$emit，但这不起作用：/

<el-dialog
  :visible="dialogVisible"
  title="Contact Form View"
  ref="changeUserId"
  :before-close="() => dialogVisible = false"
>
  <contact-form />
</el-dialog>