this.$dialog组件如何通过事件关闭显示？

[elicip]

Question （问题描述） 我用了this.$dialog组件去显示一个组件，用footer: ''去掉了modal的底部显示，我如何在组件里通过事件去关闭this.$dialog打开的modal呢？

Describe the solution you'd like （你期待的是什么？） 如何在组件里通过事件去关闭this.$dialog打开的modal呢？

感谢！

[sendya]

visible 属性不是在外部受控的吗？直接改变值 false 就关了把

[elicip]

@sendya 不是很明白你的意思

this.$dialog(TestForm,
      {
        record: {
        },
        on: {
          success() {
            _this.$message.success('成功！')
          },
        }
      },
      {
        title: 'xxx',
        width: 700,
        centered: true,
        footer: '',
        maskClosable: false
      })

应该怎么在TestForm组件里控制visible？不过我最终是用的this.$root..handleClose()去关掉了modal

[sendya]

这样也行

有自定义需求建议自行封装

[elicip]

@sendya 你刚才说的visiable方式怎么控制，可否指点一下，我对vue有些概念还不是很熟悉，谢谢

[Alfred-Skyblue]

你可以在this.$dialog方法中返回 dialogInstance 实例 通过调用 $destroy 方法销毁组件